CSS first偽類(lèi)是一個(gè)非常常用的偽類(lèi),可以幫助我們選擇文本中的第一個(gè)元素并對(duì)其應(yīng)用樣式。
p:first-of-type { color: blue; }
如上所述,我們可以使用:first-of-type選擇器來(lái)選擇p標(biāo)簽中的第一個(gè)元素,并將其文本顏色設(shè)置為藍(lán)色。 此外,我們還可以使用:first-child選擇器來(lái)選擇第一個(gè)子元素:
p:first-child { font-weight: bold; }
上述代碼將選擇p標(biāo)記的第一個(gè)子元素,并將其文本設(shè)置為粗體。
CSS first偽類(lèi)不僅可以應(yīng)用于p標(biāo)簽,還可以用于其他標(biāo)簽,如ul,ol等。
ul li:first-child { color: red; }
上述代碼將選擇ul下的第一個(gè)li標(biāo)簽,并將其文本顏色設(shè)置為紅色。
總之,CSS first偽類(lèi)是非常常用且有用的偽類(lèi)之一,可以幫助我們選擇文本中的第一個(gè)元素并對(duì)其應(yīng)用樣式。
上一篇css flex 高度
下一篇css faux列