CSS中的not和has是常見的過濾選擇器,not用于選擇不符合條件的元素,而has用于選擇符合條件的父級元素。這篇文章將重點介紹not的用法。
/* 選擇除了class為hide的元素之外的全部段落 */ p:not(.hide){ color: red; }
在上述代碼中,使用了:not()偽類,選擇除了class為hide的元素之外的全部段落,并將它們的顏色設置為紅色。
not還可以和其他選擇器進行組合使用:
/* 選擇所有P元素除了class為hide和class為fade的元素 */ p:not(.hide):not(.fade){ color: red; }
當有多個條件的時候,可以使用:not組合來篩選不符合條件的元素。
需要注意的是,not的使用要合理,不要過度使用,否則可能會影響頁面性能。
上一篇css中設置目標右邊
下一篇java申明和接受隨機數