伪类选择器 :hover 的用法和注意

:hover 一般用于链接中，当把鼠标悬浮在带有该选择器的元素或者链接上时触发特定效果
当用在连接上时 :hover 必须位于 :link 和 :visited 之后，这样样式才能生效
一般写法为 a:hover {color:blue;}

									**这是默认链接的样式**

**这是没有加	:hover 的超链接，当鼠标移动到上面的时候没有什么变化**

**这是加了  :hover  的超链接，当鼠标移动至链接上的时候颜色变为了淡紫色**

a:hover{
            color: plum;
        }

除了对链接有效，:hover 还对元素有效，
即假如有两个链接，我可以通过设置 :hover
达到当鼠标移动到第一个链接上的时候第二个链接会变颜色
需要注意的是，想要精确的确定到各个元素需要用到元素选择器

**下面是演示**
现在有三个盒子，外面的盒子类名为a  (盒子是透明的且有黑色边框)
里面两个并列的盒子，类名分别为b（红色块）和c（棕色块）
效果为当鼠标进入a盒子的时候，b的背景颜色变为白色（即透明，为了便于观察加了红色边框）

为了达到效果代码应该为

.a:hover>.b{
            background-color: white;
        }

这里为了确定a和b用到了子代选择器
如果a和b的关系不为子代关系而是其他关系则需要用到其他的选择器