http://plnkr.co/edit/10Xx2dkqPBeK24cEFVtC?p=preview
<li class="language-list">
li
似乎不想采用我的 CSS 类:
.language-list, li.language-list {
height:50px;
background: silver;
}
查看 Plunkr 以获取完整示例。
http://plnkr.co/edit/10Xx2dkqPBeK24cEFVtC?p=preview
<li class="language-list">
li
似乎不想采用我的 CSS 类:
.language-list, li.language-list {
height:50px;
background: silver;
}
查看 Plunkr 以获取完整示例。
它工作得很好:JSFiddle Example。您只是还没有链接到您的 CSS 文件。在 Plunkr 中,html 文件是完整文件,因此您需要包含<link rel="" href="" type="">
一行。
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>