1

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

<li class="language-list">

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

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

查看 Plunkr 以获取完整示例。

4

1 回答 1

1

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

这是一个更新的工作 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>

于 2015-10-07T01:03:01.300 回答