Html css删除继承的列表样式

我有这样的css代码

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

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

它也影响所有子元素。有人能告诉我如何使它只影响第一个li元素吗

像这样：

.simple-list li:first-child {

---

您可以

您的意思是仅指简单列表（即第一级）的直接li子级吗？还是第一个？如果是你想要的直系子女

.simple-list > li 

这是你想要的第一个@Steve Fenton的答案