給定元素後的CSS樣式元素

Question

如何樣式元素後的元素樣式？ 例如，我有這樣的：

<ul> 
    <li>A</li> 
    <li class="hiden">B</li> 
    <li>C</li> 
    <li>D</li> 
    <li class="hiden">E</li> 
    <li class="hiden">E</li> 
    <li class="hiden">E</li> 
    <li>F</li> 
</ul> 

我想li.hiden後有邊框頂部每隔第一華里。

li + li.hiden只適用於ul中的第一個元素。

Answer 1

要定位第一lili.hiden後，你應該使用li.hiden + li選擇：

li.hiden + li { 
 
    border-top: 1px red solid; 
 
}

<ul> 
 
    <li>A</li> 
 
    <li class="hiden">B</li> 
 
    <li>C</li> 
 
    <li>D</li> 
 
    <li class="hiden">E</li> 
 
    <li>F</li> 
 
</ul>

Answer 2

這將幫助你..

https://jsfiddle.net/0c5eu92w/

li.hiden + li{border-top:1px solid #ccc;} 

Answer 3

怎麼樣CSS3選擇器？試試這個：

：第n個孩子（2N）

你會發現更多的信息here。