在CSS中,我們可以使用:first-of-type偽類選擇器來選擇一段文本中的第一個(gè)段落,這個(gè)選擇器與其他類似的選擇器一樣,可以幫助我們?cè)跇邮交W(wǎng)頁(yè)中精細(xì)化控制文本的展示效果。
舉個(gè)例子,我們可以將下面的段落中的第一段文字的字體顏色設(shè)置為紅色:
<style> p:first-of-type { color: red; } </style> <p>今天是個(gè)好日子,陽(yáng)光明媚,心情愉快。</p> <p>鳥語(yǔ)花香,春風(fēng)拂面,萬(wàn)物復(fù)蘇。</p> <p>這是一個(gè)美好的開始,讓我們一起迎接新的挑戰(zhàn)。</p>使用:first-of-type選擇器時(shí)要注意,該選擇器只會(huì)選擇與其匹配的元素中的第一個(gè),如果文本中只有一個(gè)段落,則設(shè)置:first-of-type選擇器將會(huì)對(duì)這個(gè)段落起作用。如果您要同時(shí)對(duì)幾個(gè)段落應(yīng)用樣式,可以使用:nth-of-type選擇器。