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、+、~等。可以根据具体的需求选择恰当的选择器,以达到最佳效果。