CSS刪除繼承的列表樣式

Question

我有這樣

<ul class="simple-list">         
    <li> 
     <ul> 
     <li>Paper</li> 
     <li>Pen</li> 
    </ul> 
    </li> 
    <li> 
     <ul> 
     <li>Paper</li> 
     <li>Pencil</li> 
    </ul> 
    </li> 
</ul> 

CSS代碼現在，當我使用樣式這樣

.simple-list li { 
border-bottom: 1px solid #EEE; 
display: block; 
} 

它影響所有子li元素太多。有人能告訴我如何使它隻影響第一個元素。 ？

Answer 1

像這樣：

.simple-list li:first-child { 

可以check support for first-child on caniuse.com

Answer 2

你的意思是隻。簡單列表的直接li子（即第一級）？或者只是第一個？如果是直接孩子只想要

.simple-list > li 

對於只是第一個你要@Steve芬頓的回答以上