在CSS樣式表中,不等于的符號是 "!=" 。這個符號經常用在CSS選擇器里,用來選擇那些屬性值不等于某個特定值的元素。
/* 例如下面這段CSS代碼,它會選擇所有class為 "box" 但是沒有id為 "header" 的元素。 */ .box[id!="header"] { background-color: yellow; }
需要注意的是,在使用 "!=" 符號時,屬性值必須放在引號里,即使屬性值是數字或顏色值也一樣。否則,這個選擇器可能會產生意外的結果,并且無法達到預期的效果。
/* 錯誤示例:屬性值沒有引號,產生了不正確的結果 */ .box[id!=header] { background-color: yellow; } /* 正確示例:屬性值必須有引號 */ .box[id!="header"] { background-color: yellow; }
除了 "!=" 符號外,還有其他用于比較屬性值的符號,如 "="、"~="、"|="、"^="、"$=" 等。了解這些符號及其使用方法,可以使得CSS編寫更加方便和高效。
上一篇css屬性的書寫方式