css - 将样式应用于 DIV，除了第一行

Question

我们有一个左侧导航，我正在尝试稍微调整一下。请不要批评 HTML 的有效性，我们有一个 CMS 和外部开发人员在插入这艘船，坦率地说，它目前有效。

我想做的是将样式应用于 <DIV> <DIV class="nav_selected"> 之后的 s ，我只想用一些 padding-left:30px; 缩进它们

就是这样，但我尝试过的所有内容也适用于“nav_selected”div，这是我不想要的。它是一种 header ，其下的 div 是子项。

<div class="left_nav_2">
 <div class="left_nav_2_container">
  <ul class="no_bottom_border">
   <div class="nav_selected"><li><h2><a href="#">Link 1 Selected</a></h2></li></div>
   <div><li><a href="#">Link 2</a></li></div>
   <div><li><a href="#">Link 3</a></li></div>
  </ul>
 </div>
</div>

Answer 1

您可以尝试为第一行创建一个类，然后使用否定伪类来利用它。

   :not(/*put all the classes in your css document here.*/){ /* put the css you want for it here.*/}