关于CSS :hover选择器的用法(控制子元素样式、控制同级元素样式)

关于CSS :hover选择器的用法(控制子元素样式、控制同级元素样式)

1、hover定义:
:hover 选择器用于选择鼠标指针浮动在上面的元素。

提示::hover 选择器可用于所有元素,不只是链接。

注释:在 CSS 定义中,:hover 必须位于 :link 和 :visited 之后(如果存在的话),这样样式才能生效。

2、支持的浏览器:
关于CSS :hover选择器的用法(控制子元素样式、控制同级元素样式)_第1张图片
3、:hover控制自身样式:

4、父元素控制子元素:

5、控制同级元素样式:
hover改变同级元素样式,需要改变样式的元素,class名或id名前要加上一个+号。

如果对你有帮助,记得点个赞噢(~~)

你可能感兴趣的:(html5,css,css3,前端)