CSS中的first-of-type偽類選擇器可以用來選中同類型元素中的第一個(gè)元素并為其設(shè)置樣式。這個(gè)選擇器可以用于多個(gè)標(biāo)簽元素，例如p、div、span等等。
下面是一個(gè)具體的示例代碼：
HTML代碼：
<div class="container"> <h1>標(biāo)題1</h1> <p>第一段文字</p> <p>第二段文字</p> <h2>標(biāo)題2</h2> <p>第三段文字</p> <p>第四段文字</p> </div>
登錄后復(fù)制
CSS代碼：
p:first-of-type {
font-weight: bold;
}
登錄后復(fù)制
在上面的代碼中，我們選擇了第一個(gè)p標(biāo)簽元素并將其設(shè)置為粗體字。結(jié)果在瀏覽器中會(huì)顯示出來的效果是，第一段文字會(huì)被設(shè)置為粗體字。
同樣的，我們也可以使用first-of-type選擇器來選擇其他標(biāo)簽元素的第一個(gè)。例如：
h1:first-of-type {
font-size: 24px;
}
登錄后復(fù)制
這里我們選擇了第一個(gè)h1標(biāo)簽元素并將其字體的大小設(shè)置為24像素。
需要注意的是，使用first-of-type選擇器僅能選擇同類型元素的第一個(gè)元素。如果我們要選擇不同類型元素中的第一個(gè)元素，可以使用:first-child。
總之，使用first-of-type偽類選擇器能夠非常方便地為同類型元素中的第一個(gè)元素設(shè)置特定的樣式。
