CSS排除多條是指在CSS中使用“:not()”偽類來排除一些元素,讓它們不被某些樣式所影響。
例如,如果我們想要給所有p元素加上紅色的邊框,但不希望某些p元素被影響,我們可以使用“:not()”偽類來排除這些元素,如下所示:
p:not(.exclude) { border: 1px solid red; }
這里:not()里面?zhèn)魅肓艘粋€(gè)class名為“exclude”,意思是我們不想讓帶有這個(gè)class的p元素被加上紅色邊框,類似于反選的效果。
需要注意的是,這里傳入的選擇器僅能是簡單選擇器,也就是只能是標(biāo)簽名、class名或者ID名等,不能包含其他類型的選擇器。
除了排除單個(gè)元素以外,我們還可以排除多個(gè)元素。例如下面的代碼:
p:not(.exclude1):not(.exclude2) { border: 1px solid red; }
這里排除了class名為“exclude1”和“exclude2”的p元素,這些元素都不會(huì)被加上紅色邊框。
在實(shí)際開發(fā)中,CSS排除多條是非常常見的場景,例如我們可能需要針對某些特定頁面或元素,使用不同的布局、樣式或者效果,此時(shí)使用“:not()”偽類就非常方便。
下一篇css排除自己