css中的:not()是什么

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

創新新互聯，憑借10年的成都網站建設、做網站經驗，本著真心·誠心服務的企業理念服務于成都中小企業設計網站有上千案例。做網站建設，選成都創新互聯。

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

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

1、標簽選擇器（例如p，span等）

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

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

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

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

6、通用選擇器（*）

但是，傳遞給:not()的參數不能是偽元素選擇器（例如::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()選擇器將匹配其參數中未由選擇器表示的元素。所以，這條css語句：：

li:not(.new){

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

}

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

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

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

/*格式化文章*/

}

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

li：not（.old）::after{

content：“New！”;

color：deepPink;

}

說明：

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

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

文章名稱：css中的:not()是什么
本文鏈接：http://m.kartarina.com/article6/gescig.html

成都網站建設公司_創新互聯，為您提供企業建站、、品牌網站設計、品牌網站制作、網站改版、手機網站建設

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯