小编典典

是否有仅第一个直接子代的CSS选择器?

html

我有以下HTML

<div class="section">
   <div>header</div>
   <div>
          contents
          <div>sub contents 1</div>              
          <div>sub contents 2</div>
   </div>
</div>

以及以下样式:

DIV.section DIV:first-child 
{
  ...
}

由于某种原因,我不了解该样式已应用于 “子内容1” <div>“标题” <div>

我认为样式上的选择器仅适用于div的第一个直接子类,该子类具有“ section”类。如何更改选择器以获得我想要的?


阅读 378

收藏
2020-05-10

共1个答案

小编典典

您所发布的字面意思是“查找分区div内且是其父级的第一个孩子的所有div。” 该子项包含一个与该描述匹配的标签。

我不清楚您是否要同时兼任主要div的两个孩子。如果是这样,请使用以下命令:

div.section > div

如果只需要标题,请使用以下命令:

div.section > div:first-child

使用>更改将描述更改为:“查找属于div分区的直接后代的所有div”。

请注意,除IE6之外,所有主流浏览器均支持此方法。如果IE6支持是关键任务,则必须将类添加到子div中,并使用它。否则,这是不值得关心的。

2020-05-10