CSS :hover伪类选择器
发布网友
发布时间:2022-09-30 08:12
我来回答
共1个回答
热心网友
时间:2024-12-02 12:00
:hover选择器用于选择鼠标指针浮动在上面的元素。当鼠标悬停在元素上时,可使用此选择器设置元素的样式;它可用于每个元素。
语法:
与hover相关的伪类:
● :hover 选择器可用于所有元素,不仅是链接。
● :link 选择器设置了未访问过的页面链接样式,
● :visited 选择器设置访问过的页面链接的样式
● :active选择器设置当你点击链接时的样式
说明: 为了产生预期的效果,:hover 必须位于 :link 和 :visited 之后(如果存在的话),这样样式才能生效。
示例1: 在悬停在元素上时更改背景颜色。
效果图:
示例2:在文本上悬停时显示隐藏的块
效果图:
更多HTML的相关知识,可访问: web前端自学 !!