hover用法
- 这个表示的是:当鼠标悬浮在a这个样式上的时候,a的背景颜色设置为黄色
a:hover
{
background-color:yellow;
}
这个是最普通的用法了,只是通过a改变了style
-
A元素:hover B元素 鼠标悬停在A元素时,改变A元素的子元素B的样式
-
A元素:hover + B元素 鼠标悬停在A元素时,改变与A相邻的兄弟元素B的样式(A必须与B 相邻)
-
A元素:hover ~ B元素 鼠标悬停在A元素时,改变A的指定兄弟元素B的样式表示(A B可以不相邻,但B必须在A元素之后。)