在CSS中，我們可以使用多種方法為一個HTML元素，如div，設置兩套樣式，以下是一些常見的做法：

1、使用不同的CSS類：

- 你可以為同一個div元素分配兩個不同的CSS類。

```html

<div class="class1 class2">我是一個div元素</div>

```

你可以在每個類中定義不同的樣式。

```css

.class1 {

color: red;

}

.class2 {

color: blue;

}

```

在這個例子中，div元素的顏色會根據其包含的類在紅色和藍色之間變化。

2、使用CSS偽類：

- 偽類如:hover、:active和:focus可以用來為div元素的不同狀態(tài)設置不同的樣式。

```css

div:hover {

color: green;

}

div:active {

color: orange;

}

div:focus {

color: purple;

}

```

在這個例子中，div元素的顏色會根據用戶的操作（如鼠標懸停、點擊和聚焦）在綠色、橙色和紫色之間變化。

3、使用CSS動畫：

- CSS動畫可以用來創(chuàng)建更復雜的樣式變化，你可以使用@keyframes規(guī)則來定義一個動畫序列，然后將這個動畫應用到div元素上。

```css

@keyframes color-change {

0% { color: red; }

50% { color: blue; }

100% { color: green; }

}

div {

animation: color-change 5s infinite;

}

```

在這個例子中，div元素的顏色會在紅色、藍色和綠色之間循環(huán)變化。

4、使用CSS變量：

- CSS變量（也稱為自定義屬性）可以用來存儲和重用樣式信息，你可以定義一個變量來存儲顏色值，并在多個地方使用這個變量。

```css

:root {

--main-color: red;

}

div {

color: var(--main-color);

}

```

在這個例子中，div元素的顏色被設置為紅色，但如果你改變--main-color的值，那么所有使用這個變量的地方都會更新顏色，這種方法可以用來創(chuàng)建更靈活和可維護的樣式表。