CSS 可以選擇沒有特定類別或屬性的元素嗎？
可以寫 CSS 來選擇缺少類別或屬性的元素嗎？
當希望選擇不具備類別或屬性的元素時，就會出現此問題特定的類別或屬性。例如，考慮下面的HTML：
<html class="printable">
<body class="printable">
<h1 class="printable">Example</h1>
<nav>
<!-- Some menu links... -->
</nav>
<a href="javascript:void(0)" onclick="javascript:self.print()">Print me!</a>
<p class="printable">
This page is super interresting and you should print it!
</p>
</body>
</html>登入後複製
在這種情況下，我們的目標是選擇沒有「printable」類別的元素，即nav 和a
解：
傳統上，可以透過將:not() 偽類應用於類別選擇器來實現此目的：
:not(.printable) {
/* Styles */
}
:not([attribute]) {
/* Styles */
}登入後複製
但是，為了增強瀏覽器相容性（IE8及以下缺少:not() 支援），建議對元素進行樣式化確實擁有「可列印」類別。如果這不切實際，則可能需要修改標記。
注意事項：
此規則中設定的屬性可能會影響具有「printable」類別的後代。例如，在 :not(.printable) 上設定 display: none 將隱藏它及其後代。相反，請考慮使用visibility:hidden以允許後代顯示，同時保持原始佈局。因此建議謹慎。
以上是CSS 可以選擇沒有特定類別或屬性的元素嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
<🎜>：種植花園 - 完整的突變指南
3 週前
By DDD
<🎜>：泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
如何修復KB5055612無法在Windows 10中安裝？
3 週前
By DDD
藍王子：如何到達地下室
1 個月前
By DDD
北端：融合系統，解釋
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
如何使用HTML，CSS和JavaScript創建動畫倒計時計時器
Apr 11, 2025 am 11:29 AM
您是否曾經在項目上需要一個倒計時計時器？對於這樣的東西，可以自然訪問插件，但實際上更多
當您看上去時，CSS梯度變得更好
Apr 11, 2025 am 09:16 AM
我關注的一件事是Lea Verou＆＃039; s conic-Gradient（）Polyfill的功能列表是最後一項：
