css - CSS 'everything except last' 选择器问题

Question

我有一个子列表列表。每个子列表都有自己的子列表。我需要对除最后一个子列表之外的所有应用样式。我使用:

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

Answer 1

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>