CSS 'lastを除くすべてのセレクタ'の問題

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

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

を使用してください

Answer 2

あなたがこれを探しているのかどうか分かりません。

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

Answer 3

これはあなたを助けるかもしれません：あなたはすべての項目が、最後のものをスタイルしたい場合でも、このようなものを使用して完全に働いた

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