溫馨提示×

CSS中hover適用于哪些元素

css
小樊
83
2024-10-21 19:11:43
欄目: 編程語言

在CSS中，:hover偽類選擇器適用于所有元素，包括元素、偽元素和SVG元素。這意味著你可以使用:hover來改變鼠標(biāo)懸停在頁面上的任何元素時(shí)的樣式。

以下是一些使用:hover的示例：

  1. 改變鏈接的顏色：
a:hover {
  color: red;
}
  1. 改變按鈕的背景顏色：
button:hover {
  background-color: blue;
}
  1. 改變列表項(xiàng)的樣式：
li:hover {
  background-color: yellow;
}
  1. 改變圖像的透明度：
img:hover {
  opacity: 0.5;
}

需要注意的是，:hover只會(huì)在用戶將鼠標(biāo)懸停在元素上時(shí)應(yīng)用樣式。一旦鼠標(biāo)離開，樣式將恢復(fù)為默認(rèn)值（除非你在CSS中明確指定了其他樣式）。

0 踩