如何在 CSS 中選擇沒有特定類別或屬性的元素？

CSS 中的否定類別和屬性選擇器

需要選擇缺少特定類別或屬性的元素？ CSS 透過 :not() 偽類提供了解決方案。

:not() 偽類

:not() 偽類可讓您否定選擇器，選擇不符合指定條件的元素。通常，類別選擇器的使用方式如下：

:not(.printable) {
    /* Styles for non-printable elements */
}

同樣，屬性選擇器也可以被否定：

:not([attribute]) {
    /* Styles for elements without the attribute */
}

範例

考慮以下HTML：

選擇所有符合的元素沒有「printable」類，請使用以下 CSS 規則：

:not(.printable) {
    background-color: lightgray;
}

這將以淺灰色突出顯示導航和 a 元素。

瀏覽器支援與替代方案

IE8 及更早版本不支援 :not()。作為替代方案，您可以為具有「可列印」類別的元素建立樣式規則。如果這不可行，請考慮重組標記以適應限制。

注意事項

:not(.printable) 上的諸如 display: none 之類的屬性將完全刪除佈局中的元素及其後代。為了避免這種情況，請使用visibility:hidden代替，它允許可見的後代顯示，而隱藏的元素繼續影響佈局。

以上是如何在 CSS 中選擇沒有特定類別或屬性的元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！