首先，要了解什么是同級元素。同級元素是指在HTML中，并列存在于同一個級別的元素，它們的父節點是相同的。在CSS中，控制同級元素可以使用選擇器。 常見的同級選擇器有兩種：兄弟選擇器（`+`）和普通同級選擇器（`~`）。兄弟選擇器指選擇某個元素后面相鄰的元素，而普通同級選擇器則是選擇后面任意一個同級元素。 舉個例子，假設我們有以下HTML代碼：

<ul>
<li>蘋果</li>
<li>梨子</li>
<li>西瓜</li>
</ul>

如果我們想讓第一個`li`元素后面的所有同級元素都變成粗體，可以這樣寫CSS代碼：

li:first-child + li {
font-weight: bold;
}

這里使用了兄弟選擇器`+`，意思是選擇第一個`li`元素后面的相鄰元素，也就是第二個`li`元素。設置了它的`font-weight`屬性為`bold`，即粗體。 如果我們想選擇第一個`li`元素后面的所有同級元素都變成紅色，可以這樣寫CSS代碼：

li:first-child ~ li {
color: red;
}

這里使用了普通同級選擇器`~`，意思是選擇第一個`li`元素后面任意一個同級元素。設置了它的`color`屬性為紅色。 控制同級元素是CSS中非常實用的技能，可以讓我們輕松地實現許多樣式效果。希望這篇文章能為你的CSS學習提供一些幫助。