如何在 CSS 中選擇沒有特定類別或屬性的 HTML 元素？
- Linda Hamilton原創
- 2024-12-27 09:34:14824瀏覽
選擇沒有特定類別或屬性的元素
問：是否可以寫一個 CSS 選擇器來選擇沒有特定類別的元素或屬性？
大多數情況下，使用 :not() 偽類是可行的。例如，給定下面的HTML，可以寫一個選擇器來選擇所有缺少「printable」類別的元素：
<html>
A: 選擇不含「printable」的元素在在這種情況下，類別（即nav 和a 元素），使用以下選擇器：
:not(.printable) {
/* Styles */
}
對於CSS屬性，語法為類似：
:not([attribute]) {
/* Styles */
}
IE8 及更早版本的注意事項： 請注意，IE8 及更早版本不支援 :not()。作為解決方法，請考慮使用確實具有“可列印”類別的樣式元素。如果這種方法不切實際，您可能需要修改標記以適應限制。
警告：根據所應用的屬性，使用 :not() 可能會以意想不到的方式影響後代元素。例如，在 :not(.printable) 上設定 display: none 將從佈局中刪除該元素及其子樹，甚至影響具有「printable」類別的後代元素。應用可能有問題的屬性時要小心，並考慮使用visibility:hidden。
以上是如何在 CSS 中選擇沒有特定類別或屬性的 HTML 元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn