CSS3中的反向選擇器指的是可以選取除了已經被選中元素之外的所有元素。
/* 使用:not()函數選取除了id為myDiv的元素之外的所有p元素 */ p:not(#myDiv){ color: blue; }
代碼中的:not()函數表示選擇除了括號內元素之外的所有元素。在上述例子中,除了id為myDiv的p元素之外的所有p元素都將被選取,并設置顏色為藍色。
反向選擇器還可以和其他選擇器組合使用,以進一步縮小選擇范圍。例如:
/* 選取除了已經被選中的class為selected的input元素之外的所有input元素 */ input:not(.selected){ border: 1px solid black; }
上述代碼中,除了已經被選中的class為selected的input元素之外的所有input元素都將擁有1像素的黑色邊框。
反向選擇器是CSS3中非常實用的一個特性,對于需要對多個元素進行復雜操作的情況下,可以大大提高效率。