在CSS中,:hover
偽類選擇器適用于所有元素,包括元素、偽元素和SVG元素。這意味著你可以使用:hover
來改變鼠標懸停在頁面上的任何元素時的樣式。
以下是一些使用:hover
的示例:
a:hover {
color: red;
}
button:hover {
background-color: blue;
}
li:hover {
background-color: yellow;
}
img:hover {
opacity: 0.5;
}
需要注意的是,:hover
只會在用戶將鼠標懸停在元素上時應用樣式。一旦鼠標離開,樣式將恢復為默認值(除非你在CSS中明確指定了其他樣式)。