如何設定 `` 中除第一個 `` 元素之外的所有元素的樣式？

有效使用「not:first-child」選擇器

在容器內設定元素樣式時，通常需要將規則套用於第一個元素之外的所有元素。了解如何有效地利用「not:first-child」選擇器對於這種情況至關重要。

在您的例子中，您試圖為「div」標籤中的每個「ul」標籤設定 CSS 屬性，排除第一個。雖然您的嘗試不成功，但您嘗試的其中一個變體實際上可以在現代瀏覽器中運行：

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

此選擇器利用 CSS 選擇器等級 3並針對「div」中非第一個的所有「ul」標籤

但是，如果您需要支援舊版瀏覽器或面臨「:not」選擇器的限制，另一種方法是可用：

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

div ul {
    background-color: #900;  /* applies to every ul */
}

2. 有條件地「撤銷」規則以將其範圍限制為目標元素：

div ul:first-child {
    background-color: transparent; /* limits the scope of the previous rule */
}

透過恢復修改後的 CSS 屬性的預設屬性，您可以有效地將規則限制為所需的元素。

以上是如何設定 `` 中除第一個 `` 元素之外的所有元素的樣式？的詳細內容。更多資訊請關注PHP中文網其他相關文章！