/

如何使用CSS選擇第一個子元素

如何使用CSS選擇第一個子元素

問題:在我的Markdown文件中,我需要對第一個ul進行樣式設置,也無法通過添加類名或ID來使用CSS進行選擇。

所以我研究了如何使用選擇器來選中它。

HTML結構如下:

1
2
3
4
5
6
7
<div id="content">
<ul>
...目錄
</ul>

...其他HTML內容
</div>

下面的代碼將選中div#content的第一個子元素ul並保持其他ul元素不受影響:

1
2
3
div#content > ul:first-of-type {
...我的樣式
}

tags: [“CSS”, “選擇器”, “子元素”]