在CSS中,常常會遇到需要選擇兩個顏色、尺寸、字體等選項中的其中一個的情況。這時,就需要使用下面這兩個功能之一來實現:
1. :nth-child(even/odd) 2. :not()
第一種方法是使用:nth-child(even/odd)來選取偶數或奇數項。這在需要間隔性地應用樣式時非常有用,例如斑馬線表格:
tr:nth-child(even) { background-color: #f2f2f2; }
使用:first-child和:last-child也可以排除第一個或最后一個元素。
第二種方法是使用:not()來選取除了某個特定元素以外的其他元素。這在需要對于特定元素“以外”的其他元素應用樣式時非常有用,例如:
p:not(.introduction) { font-size: 16px; }
這樣就能夠選取所有除了class為introduction的段落以外的段落,并將它們的字體大小設置為16px。