在 Web 開發中，我們經常需要使用 CSS 來控制網頁元素的樣式，實現美觀的頁面效果。其中，CSS 的同級元素的第一個是一個非常有用的概念，在這篇文章中，我們將介紹如何使用 CSS 的同級元素的第一個來控制網頁元素。

/*CSS 樣式*/
p:first-of-type{
color: red;
}

CSS 中的 :first-of-type 選擇器表示選取一個元素的同級元素中的第一個元素。對于同級元素而言，指的是具有相同父級元素的元素。

在上述代碼中，我們選擇了第一個 p 元素并將顏色設置為紅色。這意味著同一個父級元素中所有的 p 元素都不會被此樣式所覆蓋，只有第一個 p 元素會應用這個樣式。

同時，在 CSS 中，我們還可以使用 :last-of-type 來選擇同級元素中的最后一個元素，以及 :nth-of-type(n)來選擇同級元素中的第 n 個元素。

綜上所述，CSS 的同級元素的第一個選擇器是一個非常有用的概念，它可以幫助我們控制頁面元素的顯示效果。如果你想讓頁面更加美觀，那么一定要使用這個選擇器來控制網頁元素的外觀。