CSS是Web開發中的重要組成部分,它能夠控制網站的樣式和布局。其中,:first-child屬性是CSS的一個偽類,它可以選擇一個元素的第一個子元素。
例子:將第一個li元素設置為紅色 ul li:first-child { color: red; }
上面的代碼將選擇ul元素中第一個li元素,并將其設置為紅色。
支持:first-child屬性的元素有:h1、h2、h3、h4、h5、h6、p、li、span、a、div、table等。我們可以將該屬性應用于這些元素中的任意一個子元素。
例子:將每個div元素中第一個p元素設置為藍色 div p:first-child { color: blue; }
上面的代碼將選擇每個div元素中第一個p元素,并將其設置為藍色。
需要注意的是,:first-child屬性只匹配元素的第一個子元素,如果要匹配其他位置的子元素,可以使用:nth-child()屬性。
例子:將第二個li元素設置為綠色 ul li:nth-child(2) { color: green; }
上面的代碼將匹配ul元素中第二個li元素,并將其設置為綠色。