css中的:not()是什么

這篇文章主要介紹css中的:not()是什么，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

　　:not()是CSS的一個否定偽類選擇器。它是一個函數(shù)式偽類選擇器，它可以將一個簡單選擇器（如下所示）作為參數(shù)，然后匹配一個或多個不由參數(shù)表示的元素。

　　能作為:not()參數(shù)的可以是以下任何一種的簡單選擇器：

　　1、標(biāo)簽選擇器（例如p，span等）

　　2、類選擇（例如.element，.sidebar等）

　　3、ID選擇器（例如#header）

　　4、偽類選擇器（例如:first-child，:last-of-type）

　　5、屬性選擇器（例如[type="checkbox"]）

　　6、通用選擇器（*）

　　但是，傳遞給:not()的參數(shù)不能是偽元素選擇器（例如::before和::after等）或另一個否定偽類選擇器。

　　因此，以下是無效:not()值：

　　/*無效*/

　　p:not(:not(.same)){}

　　p:not(:not(:last-child)){}

　　:not(::first-letter){}

　　a:not(::after){}

　　從上面的示例可以看出，:not()不能被嵌套，例:not(:not(..))。它還不能被嵌套在:matches()偽類中，例：selector（:matches(:not(..))）。

　　如前所述，:not()選擇器將匹配其參數(shù)中未由選擇器表示的元素。所以，這條css語句：：

　　li:not(.new){

　　/*所有樣式列表項，除了具有新類的項之外*/

　　}

　　將選擇除具有.new類名稱的列表項之外的所有列表項。

　　:not()選擇是可鏈接更多的:not()選擇。例如，以下內(nèi)容將匹配article除ID之外的所有s#featured，然后將過濾掉具有類名的文章.tutorial：

　　article:not(#featured):not(.tutorial){

　　/*格式化文章*/

　　}

　　:not()還可以與其他偽類和偽元素鏈接。例如，以下將.old使用::after偽元素添加“new！”單詞以列出沒有類名的項目：

　　li：not（.old）::after{

　　content：“New！”;

　　color：deepPink;

　　}

　　說明：

　　:not()偽類選擇允許寫入無用的選擇。例如:not(*)，它根本不代表任何元素將永遠(yuǎn)不會應(yīng)用任何樣式。

以上是“css中的:not()是什么”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！