CSS選中首個元素

在CSS中，我們可以通過偽類:first-child選中一個元素的第一個子元素。但是有時候我們需要選中一個群組（比如div）中的首個元素，這時候可以使用偽類:first-of-type。

第一個元素的樣式

我們可以使用:first-of-type偽類來選中一個群組中的首個元素，比如：

div:first-of-type {
color: red;
}

注意事項

需要注意的是，:first-of-type是選中同類元素的首個元素，比如div內有多個h1元素，:first-of-type只會選中第一個h1元素。如果你需要為群組內的首個元素設置樣式，確保所有元素都屬于同一類型。

結尾語

使用:first-of-type偽類可以快速選中一個群組中的首個元素，從而實現更加精細的樣式設計。