CSS3中有一個非常有用的選擇器,叫做“li:not()”。這個選擇器的作用是選擇不匹配括號內規則的li元素。以下是一些使用示例:
/* 選擇所有li元素中不是第一個的元素 */ li:not(:first-child) { color: red; } /* 選擇所有ul元素中不是第一個li元素的元素 */ ul:not(:first-child) li { font-weight: bold; } /* 選擇所有不是第一個和最后一個的li元素 */ li:not(:first-child):not(:last-child) { background-color: yellow; }
這些例子只是“li:not()”選擇器的一部分用法。使用這個選擇器可以創建非常強大的樣式規則。但是需要注意的是,這個選擇器在一些較老的瀏覽器中可能不支持,最好在使用時做好瀏覽器兼容性的考慮。