CSS中,我們可以使用:not()
偽類選取不包含某種元素的其他元素。該偽類由一個冒號和not()構成,作用是排除掉某些元素,選擇不符合該參數條件的元素。
下面是一些示例:
/* 排除div元素 */ :not(div) { color: red; }
上述代碼將選取除了div元素以外的所有元素,并給它們設置紅色顏色。
/* 排除class為red的元素*/ :not(.red) { background-color: blue; }
上述代碼將選取class不為red的所有元素,并給它們設置藍色背景顏色。
需要注意的是,:not()
偽類中只能包含一個選擇器。
若要使用多個選擇器,可以使用:not
偽類的組合形式。
/* 排除class同時包含red和blue的元素 */ :not(.red.blue) { font-size: 1.2rem; }
上述代碼將選取class不同時包含red和blue的所有元素,并設置它們的字體大小為1.2rem。
面對復雜的選擇器,我們可以使用:not()
偽類構建更為精細的選擇條件,提高CSS的可讀性。
下一篇css 字體多種顏色