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

＆＃13;

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

＆＃13;

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

＆＃13;

<li>没有采用css类（覆盖它？）

1 个答案: