我有一个子列表列表。每个子列表都有自己的子列表。我需要对除最后一个子列表之外的所有应用样式。我使用:
.list:not(:last-child) > .sublist {
color: red;
}
但是它正在申请所有的子列表。这是一个演示代码( fiddle : http://jsfiddle.net/8m72m53r/3/ ):
:not(:last-child) > .row {
color: red;
}
<ul class="box">
<li class="row">One</li>
<li class="row">Two</li>
<li class="row">Three</li>
</ul>
<ul class="box">
<li class="row">FOur</li>
<li class="row">Five</li>
<li class="row">Six</li>
</ul>
<ul class="box">
<li class="row">Seven</li>
<li class="row">Eight</li>
<li class="row">Nine</li>
</ul>
最佳答案
Here you go - 你几乎拥有它,只要确保使用 :last-of-type pseudoclass
.box:not(:last-of-type) > .row {
color: red;
}
<ul class="box">
<li class="row">One</li>
<li class="row">Two</li>
<li class="row">Three</li>
</ul>
<ul class="box">
<li class="row">FOur</li>
<li class="row">Five</li>
<li class="row">Six</li>
</ul>
<ul class="box">
<li class="row">Seven</li>
<li class="row">Eight</li>
<li class="row">Nine</li>
</ul>
关于css - CSS 'everything except last' 选择器问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44774858/