CSS3的選擇器可以很方便地選擇除了某個元素之外的其他元素,特別是在布局樣式時非常有用。
/* 選擇第一個div元素以外的所有div元素 */ div:not(:first-child) { background-color: #F5F5F5; } /* 選擇class為"special"的p元素以外的所有p元素 */ p:not(.special) { font-size: 16px; color: #333; }
如上所示,使用:not 選擇器可以選擇除了某個元素或特定條件的元素以外的其他元素。在樣式表中,我們可以這樣使用:not選擇器來達到不同的效果。
除了:not選擇器外,CSS3還有很多其他的選擇器可以讓我們更加方便地選擇需要的元素,比如:nth-child、:nth-of-type、+、~等。可以根據(jù)具體的需求選擇恰當?shù)倪x擇器,以達到最佳效果。