CSS中有時需要對多個標簽進行樣式控制,在這些元素中選取第一個來設置特定的樣式。這個問題可以通過CSS的:first-child偽類來解決。
li:first-child { color: red; }
這個例子,我們選擇一個ul中的所有li元素的第一個子級來設置它們的顏色為紅色。
在實際應用中,我們可能需要對多種標簽進行樣式控制,我們可以通過群組選擇器來選擇多個標簽,然后同時應用:first-child偽類。
h1:first-child, h2:first-child, h3:first-child { color: blue; }
在這個例子中,我們選擇了h1,h2和h3標簽中的第一個子級來設置它們的顏色為藍色。
CSS的:first-child偽類對多個標簽的樣式控制提供了快捷簡便的解決方案,可以優化我們的樣式命令。