在 CSS 中，偽類是一種讓你可以控制 HTML 元素的屬性的機(jī)制。其中，同級偽類即指可以控制同一級別 HTML 元素的屬性。

/*選中同級中第一個(gè) p 標(biāo)簽*/
p:first-of-type {
font-weight: bold;
}
/*選中同級中最后一個(gè) p 標(biāo)簽*/
p:last-of-type {
font-style: italic;
}
/*選中同級中偶數(shù)順序的 p 標(biāo)簽*/
p:nth-of-type(even) {
color: blue;
}
/*選中同級中第 3 個(gè) p 標(biāo)簽*/
p:nth-of-type(3) {
text-decoration: underline;
}
/*選中鼠標(biāo)懸浮在 p 標(biāo)簽上時(shí)，改變其背景色*/
p:hover {
background-color: lightblue;
}

使用同級偽類可以使你更方便的控制 HTML 元素中的樣式，通過上述代碼的演示可以看出，同級偽類可以很輕松地選中并修改同級元素的樣式，同時(shí)使用偽類也能使 CSS 與 HTML 的關(guān)系更加緊密、可控。