在CSS中，我們可以使用多種方法來分別控制兩個(gè)div元素，以下是一些常見的技巧：

1、使用不同的類名：

- 為每個(gè)div元素分配一個(gè)***的類名，例如div1和div2。

- 您可以在CSS中為每個(gè)類名編寫單獨(dú)的樣式規(guī)則。

.div1 {
  /* 樣式規(guī)則 */
}
.div2 {
  /* 樣式規(guī)則 */
}

2、使用id選擇器：

- 為每個(gè)div元素分配一個(gè)***的id，例如div1-id和div2-id。

- 使用#符號(hào)在CSS中選擇這些id。

#div1-id {
  /* 樣式規(guī)則 */
}
#div2-id {
  /* 樣式規(guī)則 */
}

3、使用屬性選擇器：

- 如果你的div元素有特定的屬性（如data-role），你可以使用屬性選擇器來應(yīng)用樣式。

[data-role="div1"] {
  /* 樣式規(guī)則 */
}
[data-role="div2"] {
  /* 樣式規(guī)則 */
}

4、使用偽類選擇器：

- 偽類選擇器可以用來區(qū)分元素的特定狀態(tài)（如:hover、:active等）。

div:first-child {
  /* 樣式規(guī)則 */
}
div:last-child {
  /* 樣式規(guī)則 */
}

5、使用JavaScript動(dòng)態(tài)控制：

- 通過JavaScript，您可以動(dòng)態(tài)地添加或移除CSS類，以響應(yīng)特定事件或條件。

// 示例：根據(jù)條件動(dòng)態(tài)添加類名
if (condition) {
  document.getElementById('div1').classList.add('active');
} else {
  document.getElementById('div2').classList.add('active');
}

示例代碼：兩個(gè)div的樣式控制

下面是一個(gè)簡單的HTML和CSS示例，展示了如何為兩個(gè)div元素分別應(yīng)用樣式：

HTML：

<div class="div1">我是div1</div>
<div class="div2">我是div2</div>

CSS：

.div1 {
  background-color: #f0f0f0; /* div1的背景色 */
}
.div2 {
  background-color: #e0e0e0; /* div2的背景色 */
}

在這個(gè)示例中，我們?yōu)閮蓚€(gè)div元素分別設(shè)置了不同的背景色，通過為每個(gè)div分配一個(gè)***的類名，并在CSS中編寫相應(yīng)的樣式規(guī)則，我們可以輕松地控制每個(gè)div的外觀。