在CSS中,不等于的符號(hào)是“!=”,它表示一個(gè)屬性值不等于特定值。比如:
div[class!="header"] { background-color: yellow; }
上面的代碼表示所有class不等于“header”的div元素的背景顏色為黃色。這個(gè)選擇器將匹配class為“nav”,“footer”,“sidebar”等等的div元素,但是不會(huì)匹配class為“header”的元素。
還有一種情況是使用通配符來表示不等于某個(gè)值。比如:
.button:not([disabled]) { background-color: green; }
這個(gè)選擇器表示所有沒有禁用屬性的按鈕元素的背景顏色為綠色。使用“:not()”偽類可以匹配不符合特定條件的元素。
需要注意的是,在使用“!=”與“:not()”時(shí),屬性值的大小寫敏感。比如:
div[id!="header"] { background-color: yellow; }
這個(gè)選擇器只會(huì)匹配id不等于“header”而非“Header”的元素。
綜上所述,使用“!=”與“:not()”可以為我們提供更加靈活的選擇器,確保我們精確選擇需要操作的元素。同時(shí),也需要注意屬性值的大小寫敏感問題。