Question

我有一个子列表列表。每个子列表都有自己的子项。我需要将样式应用于除最后一个子列表之外的所有样式。我用：

.list:not(:last-child) > .sublist {
  color: red;
}

但它适用于所有子列表。这是一个演示代码（小提琴： 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>

Answer 1

Here you go - 您几乎已经拥有它，只需确保使用:last-of-type pseudoclass

＆＃13;

.box:not(:last-of-type) > .row {
    color: red;
}

＆＃13;

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

＆＃13;

Answer 2

这可能会对您有所帮助：

.box>.row:not(:last-of-type)

Answer 3

我不确定你是否在寻找这个。但是如果你想要设置所有项目的样式而不是最后的项目，请使用以下内容：

.row:not(:last-child) {
    color: red;
}

CSS'除了最后一个选择器以外的一切问题

3 个答案: