CSS否定偽類指的是什么

小編給大家分享一下CSS否定偽類指的是什么，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

CSS否定偽類是“:not(selector)”，“:not”否定偽類接匹配傳遞參數(shù)選擇器未選擇的元素，其中傳遞參數(shù)或許不包括增加的選擇器或者偽元素選擇器。

:not(selector)是CSS中的一個否定偽類（選擇器），并且接受一個簡單的選擇器作為參數(shù)。本質(zhì)上，可以使任一其他選擇器（作為參數(shù)）。

:not（選擇器）匹配傳遞參數(shù)選擇器未選擇的元素。傳遞參數(shù)或許不包括增加的選擇器或者偽元素選擇器。

/* the X argument can be replaced with any simple selectors */
:not(X) {
  property: value;
}

在這個例子中，有一個class為“different”的li元素：

<ul>
  <li></li>
  <li class="different"></li>
  <li></li>
</ul>

CSS將會選擇除了class為“different”外的所有l(wèi)i元素。

/* Style everything but the .different class */
li:not(.different) {
  font-size: 3em;
}

可以將偽類選擇器應用到所有簡單選擇器（包括元素類型選擇器、通用選擇器、屬性選擇器、類選擇器、ID選擇器、偽類選擇器）上來產(chǎn)生同樣的效果。

p:not(:nth-child(2n+1)) {
  font-size: 3em;
}

但是如果我們使用偽元素選擇器作為參數(shù)將不會產(chǎn)生我們預期的效果。

:not(::first-line) { 
/* ::first-line is a pseudo element selector and not a simple selector */
  color: white;
}

:not()多種用法可視化表示圖

:not()偽類的優(yōu)先級是其參數(shù)的優(yōu)先級。:not()偽類并不會像其他偽類選擇器那樣給選擇器增加優(yōu)先級。

否定偽類選擇器不支持嵌套，所以:not(:not(...))是永遠不被允許的。開發(fā)者需要注意偽元素不是簡單選擇器（simple selector），因此作為:not()偽類的參數(shù)是無效的。另外，當使用屬性選擇器時也需要注意，因為部分屬性選擇器不被普遍支持。在:not()選擇器下鏈式使用另一個:not()選擇器也是禁止的。

以上是“CSS否定偽類指的是什么”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！