HTML和CSS是網頁開發中最常用的兩種技術。HTML負責給頁面添加各種元素，而CSS則用于控制這些元素的樣式。在CSS中，可以通過選擇器選中一個或多個元素，并對它們應用相同的樣式。本文將重點介紹如何使用CSS處理多個div元素，同時給出一些代碼案例進行詳細解釋說明。

在CSS中，可以使用類選擇器和ID選擇器來選中多個div元素并給它們應用相同的樣式。類選擇器使用一個點（.）加上類名來選擇元素，而ID選擇器使用一個井號（#）加上ID值來選擇元素。下面是一個使用類選擇器的代碼示例：

.box {
width: 100px;
height: 100px;
background-color: red;
margin-bottom: 10px;
}

上述代碼中，定義了一個類選擇器.box，其樣式包括寬度為100像素、高度為100像素、背景色為紅色以及下邊距為10像素。之后，在HTML中使用該類選擇器即可將多個div元素應用這些樣式，如下所示：

<div class="box"></div>
<div class="box"></div>
<div class="box"></div>

在上面的代碼中，使用了三個div元素，并給它們添加了類選擇器.box。這樣，這三個div元素的寬度、高度、背景色和下邊距都將與.box的樣式保持一致。

除了使用類選擇器，還可以使用ID選擇器來選中多個div元素并給它們應用相同的樣式。不同于類選擇器，ID選擇器只能用于選中一個具有唯一ID值的元素。下面是一個使用ID選擇器的代碼示例：

#box {
width: 100px;
height: 100px;
background-color: blue;
margin-bottom: 10px;
}

上述代碼中，定義了一個ID選擇器#box，其樣式與前面示例的類選擇器類似。但是需要注意的是，ID選擇器只能在頁面中選中一個具有相應ID值的div元素。要在HTML中使用該ID選擇器，可以通過給對應的div元素添加id屬性來指定ID值，如下所示：

<div id="box"></div>
<div class="box"></div>
<div class="box"></div>

在上述代碼中，第一個div元素使用了ID選擇器#box，而后面兩個div元素使用了類選擇器.box。這樣，第一個div元素將具有與ID選擇器#box相同的樣式，后面兩個div元素將具有與類選擇器.box相同的樣式。

通過上述代碼案例的解釋，我們了解到了如何使用CSS處理多個div元素的方法。通過類選擇器或ID選擇器，我們可以輕松選中多個div元素并對它們應用相同的樣式。這在開發中非常實用，可以提高代碼的復用性和維護性。希望本文對您有所幫助！