Question

我有像这样的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元素。有人能告诉我如何让它只影响第一个li元素。？

Answer 1

像这样：

.simple-list li:first-child {

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

Answer 2

你的意思是只有.simple-list的直系li子（即第一级）？还是只是第一个？如果只是你想要的直系孩子

.simple-list > li

对于第一个你想要@Steve Fenton上面的回答

css删除继承的列表样式

2 个答案: