CSS改變div class的方法

在CSS中，我們可以通過(guò)修改div元素的class屬性來(lái)改變其樣式，class是HTML元素的一種屬性，它可以用來(lái)定義元素的不同樣式，在CSS中，我們可以使用點(diǎn)號(hào)（.）來(lái)引用class，并定義其樣式。

如果我們有一個(gè)div元素，其class為"mydiv"，我們可以使用以下CSS代碼來(lái)改變其樣式：

.mydiv {
  color: red;
  font-size: 20px;
  background-color: yellow;
}

上述代碼會(huì)將class為"mydiv"的div元素的文字顏色改為紅色，字體大小改為20像素，背景顏色改為黃色。

我們也可以為一個(gè)class添加多個(gè)樣式規(guī)則，只需在規(guī)則前使用逗號(hào)（,）隔開(kāi)即可。

.mydiv {
  color: red,
  font-size: 20px,
  background-color: yellow
}

我們還可以使用CSS的偽類(lèi)（pseudo-class）來(lái)進(jìn)一步定制div元素的樣式，我們可以使用":hover"偽類(lèi)來(lái)定義鼠標(biāo)懸停在div元素上時(shí)的樣式：

.mydiv:hover {
  color: blue;
  font-size: 30px;
  background-color: green;
}

上述代碼會(huì)在鼠標(biāo)懸停在class為"mydiv"的div元素上時(shí)，將文字顏色改為藍(lán)色，字體大小改為30像素，背景顏色改為綠色。

通過(guò)修改div元素的class屬性，我們可以輕松地改變其樣式，使網(wǎng)頁(yè)更加豐富多彩。