如何使用 CSS 選擇器排除第一個元素？

使用CSS :not:first-child 選擇器排除第一個元素

在CSS 中，:first-child 選擇器以第一個元素為目標其父元素的子元素。若要排除第一個元素，可以使用反向選擇器 :not:first-child。

嘗試1：使用:not:first-child

div ul:not:first-child {
    background-color: #900;
}

嘗試2：使用:not(:first-child)

div ul:not(:first-child) {
    background-color: #900;
}

嘗試3：使用:first-child:after

div ul:first-child:after {
    background-color: #900;
}

但是，這些都不是方法達到了預期的結果。

解決方案：使用瀏覽器相容性修復

:not 選擇器僅接受簡單選擇器作為其參數。因此，為了支援不支援 :not(:first-child) 語法的舊版瀏覽器，您可以採用替代技術：

1. 定義範圍比預期範圍更廣的規則：

div ul {
    background-color: #900;
}

2. 有條件地“撤銷”規則，將其範圍限制在排除的範圍內element:

div ul:first-child {
    background-color: transparent;
}

解釋:

第一條規則將背景顏色套用於所有ul 元素。第二個規則使用背景顏色的預設值（透明），有效地從第一個子 ul 元素中刪除背景顏色。

以上是如何使用 CSS 選擇器排除第一個元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！