在CSS中,我們常常需要通過選擇器選中某些元素來進行樣式設置。但是有些時候,我們需要排除某些元素,這就是CSS3中的not選擇器的作用。
p:not(.special) { color: red; }
這個選擇器將選中所有的p元素,但是不包括類名為“special”的p元素。這意味著這些元素將不會受到這個樣式設置的影響。
not選擇器可以用于各種選擇器,包括ID選擇器、類選擇器、屬性選擇器等等。
/* 選擇除了ID為"header"的元素之外的所有h1元素 */ h1:not(#header) { font-size: 24px; } /* 選擇除了類名為"button"的元素之外的所有input元素 */ input:not(.button) { background-color: #f6f6f6; }
可以看到,not選擇器是非常強大的一種選擇器,可以讓我們更加靈活地控制樣式,達到更好的效果。
下一篇css3 圖畫素材