CSS: hover选择器的使用

时间：2020-07-04 09:34:46 收藏：0 阅读：50

用法1：这个表示的是：当鼠标悬浮在a这个样式上的时候，a的透明度设置为0，也就是不显示

a:hover

{

opacity:0;/*透明度为零*/

}

用法2:

使用a 控制其他块的样式：

　　使用a控制a的子元素 b：

.a:hover .b {

background-color:blue;

}

使用a控制a的兄弟元素 c(同级元素)：

.a:hover + .c {
        color:red;
    }
使用a控制a的就近元素d：
.a:hover ~ .d {
        color:pink;
    }

原文：https://www.cnblogs.com/changqyangp/p/13233667.html