css - 不采用 css 类(覆盖它？)

Question

http://plnkr.co/edit/10Xx2dkqPBeK24cEFVtC?p=preview

<li class="language-list">

li 似乎不想采用我的 css 类:

.language-list, li.language-list {
  height:50px;
  background: silver;
}

查看 Plunkr 以获取完整示例。

Answer 1

它工作得很好:JSFiddle Example .您只是还没有链接到您的 CSS 文件。在 Plunkr 中，html 文件是完整文件，因此您需要包含一个 <link rel="" href="" type="">线。

Here's an updated working Plunkr

ol {
    list-style-type: none;
    padding: 0em;
}
.language-list, li.language-list {
  height:50px;
  background: silver;
}

<button type="button" data-ng-bind="data.language.next" data-ng-click="profilePage()" class="btn btn-lg btn-success center-block">

</button>

<ol class="scroll">
    <li style="height:50px; background: silver;">
        <div style="height:100%; width:10%; float:left; background: red;">
            <img src="http://www.wwf.hu/images/zaszlo_en1.png">
        </div>
        <div data-ng-bind="lang.languageInLanguage" style="height:100%; width:10%; float:left; background: pink;">
          english
        </div>
    </li>
    <li class="language-list">
        <div style="height:100%; width:10%; float:left; background: red;">
            <img src="http://www.wwf.hu/images/zaszlo_en1.png">
        </div>
        <div data-ng-bind="lang.languageInLanguage" style="height:100%; width:10%; float:left; background: pink;">
          english
        </div>
    </li>
</ol>