如何用CSS选择第一个子元素

lxf2023-05-05 18:45:01

问题:在我的markdown文件中,我需要给第一个ul ,即目录,但我不能用CSS添加一个类或一个ID来定位它。

所以我研究了如何用选择器来定位它。

HTML结构是这样的:

<div id="content">
  <ul>
    ...the TOC
  </ul>

  ...rest of the HTML
</div>

这样就可以选择div#content 的第一个孩子,而其他ul 元素则不受影响:

div#content > ul:first-of-type {
  ...my styles
}