可以寫 CSS 來選擇缺少類別或?qū)傩缘脑貑幔?
當(dāng)希望選擇不具備類別或?qū)傩缘脑貢r，就會出現(xiàn)此問題特定的類別或?qū)傩?。例如，考慮下面的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>
在這種情況下，我們的目標(biāo)是選擇沒有「printable」類別的元素，即nav 和a
解：
傳統(tǒng)上，可以透過將:not() 偽類應(yīng)用於類別選擇器來實現(xiàn)此目的：
:not(.printable) {
/* Styles */
}
:not([attribute]) {
/* Styles */
}
但是，為了增強(qiáng)瀏覽器相容性（IE8及以下缺少:not() 支援），建議對元素進(jìn)行樣式化確實擁有「可列印」類別。如果這不切實際，則可能需要修改標(biāo)記。
注意事項：
此規(guī)則中設(shè)定的屬性可能會影響具有「printable」類別的後代。例如，在 :not(.printable) 上設(shè)定 display: none 將隱藏它及其後代。相反，請考慮使用visibility:hidden以允許後代顯示，同時保持原始佈局。因此建議謹(jǐn)慎。
以上是CSS 可以選擇沒有特定類別或?qū)傩缘脑貑幔康脑敿?xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！