<li> 不采用 css class（覆盖它？）

Question

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

<li class="language-list">

li 好像不想领养我的 css class:

.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>

<li> 不采用 css class（覆盖它？）

<li> not adopting css class (override it?)

css

plunker