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

要在li后首先定位li.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。