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芬顿的回答以上