CSS同級(jí)hover的表示方法

在CSS中，同級(jí)hover的表示方法通常涉及到對(duì)同一元素的不同狀態(tài)進(jìn)行定義，你可以使用:hover偽類來(lái)定義元素在鼠標(biāo)懸停時(shí)的樣式，而:active偽類則可以定義元素在被激活時(shí)的樣式。

假設(shè)你有一個(gè)HTML元素，例如一個(gè)按鈕，你可以使用以下CSS代碼來(lái)定義它的樣式：

button {
  color: blue; /* 默認(rèn)顏色 */
}
button:hover {
  color: red; /* 鼠標(biāo)懸停時(shí)的顏色 */
}
button:active {
  color: green; /* 被激活時(shí)的顏色 */
}

在這個(gè)例子中，button元素默認(rèn)的顏色是藍(lán)色，當(dāng)你把鼠標(biāo)懸停在按鈕上時(shí)，它的顏色會(huì)變成紅色，如果你點(diǎn)擊按鈕，它會(huì)被激活，顏色會(huì)變成綠色，這就是CSS同級(jí)hover的表示方法。

需要注意的是，:hover偽類只在鼠標(biāo)懸停時(shí)生效，而:active偽類只在元素被激活時(shí)生效，這意味著如果你點(diǎn)擊一個(gè)按鈕，它首先會(huì)觸發(fā):active偽類，然后再觸發(fā):hover偽類，如果你想要定義元素在被激活時(shí)的樣式，你應(yīng)該使用:active偽類，而不是:hover偽類。