在網頁開發中，同級元素是指相鄰元素的優先級相同，可以通過添加 CSS 樣式來改變其外觀和行為。在 CSS 中，屬性有優先級，對于同一個元素，屬性的優先級是固定的。如果我們想要對相鄰的同級元素添加相同的樣式，我們需要按照一定的順序添加 CSS 樣式，以確保樣式能夠正確地應用到它們中。

下面是一個示例，展示了如何在 HTML 元素中添加 CSS 樣式，以及如何在 CSS 中為相鄰的同級元素添加相同的樣式：

HTML 元素中添加 CSS 樣式：

```html

<div class="parent">

<div class="child"></div>

</div>

在這個示例中，我們使用 `class` 屬性來添加一個名為 `parent` 的 CSS 類，并使用 `class` 屬性來添加一個名為 `child` 的 CSS 類。我們將 `child` 元素作為 `parent` 元素的一部分，因此它會被歸類為 `parent` 元素。在這個例子中，我們為 `child` 元素添加了一個藍色的背景和一個小的圓形邊框。

CSS 中為相鄰的同級元素添加相同的樣式：

```css

.parent {

background-color: blue;

border-radius: 5px;

.child {

background-color: green;

在這個示例中，我們使用了兩個 CSS 類，第一個為 `parent` 元素添加了背景顏色和邊框樣式，第二個為 `child` 元素添加了背景顏色。由于我們為 `child` 元素添加了一個與 `parent` 元素相同的 CSS 類，所以我們可以使用相同的樣式來修改 `child` 元素的樣式。在這個例子中，我們為 `child` 元素添加了一個綠色的背景和一個小的圓形邊框。

通過按照正確的順序為相鄰的同級元素添加 CSS 樣式，我們可以輕松地改變元素的樣式，使其更具有可讀性和美觀性。