CSS選擇器中not是一種常用的邏輯選擇器,它可以對指定元素的選取進行限制。
/* not選擇器的語法格式 */ :not(selector) { /* 樣式規則 */ }
not選擇器的作用是排除指定元素,它的selector參數是指要排除的選擇器,可以是任何符合CSS語法規則的選擇器。
/* 將.hightlighted選中元素的背景色除外 */ :not(.highlighted) { background-color: #fff; }
not選擇器的優點是可以使用多個not選擇器相互疊加,以實現更加嚴格的選擇規則。
/* 除了紅色和寬度小于300px的box之外,其余的box都應用樣式 */ .box:not(.red):not([width<300px]) { border: 1px solid #ccc; padding: 10px; }
需要注意的是,not選擇器是一種相對較新的CSS規范,因此在一些比較老的瀏覽器上可能無法很好地支持,所以在實際使用中應該進行兼容性測試。
上一篇css鏈接文字怎么樣設定
下一篇css邊框兩側