在 CSS 中,我們可以通過(guò)偽類 :first-of-type 來(lái)指定某個(gè)元素的第一個(gè)同級(jí)元素。
p:first-of-type { color: red; }
上面的代碼表示選擇網(wǎng)頁(yè)中第一個(gè) p 標(biāo)簽并將文本顏色設(shè)置為紅色。
需要注意的是,如果一個(gè)網(wǎng)頁(yè)中有多個(gè)父級(jí)元素,那么 :first-of-type 會(huì)對(duì)每個(gè)父級(jí)元素中的第一個(gè)指定元素生效。
另外,還有一個(gè)偽元素 ::first-letter 可以用于指定文本塊中的第一個(gè)字母樣式。
p::first-letter { font-size: 2em; }
上面的代碼表示將每個(gè) p 標(biāo)簽文本塊的第一個(gè)字母字號(hào)設(shè)置為 2em。
這些偽類和偽元素可以為網(wǎng)站設(shè)計(jì)帶來(lái)更多的樣式選擇和創(chuàng)意。
下一篇mysql用戶%