CSS: hover选择器的使用详解

weixin_30914981

于 2019-03-21 11:29:00 发布

阅读量200

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Glant/p/10570451.html

博客介绍了CSS的两种用法，一是鼠标悬浮在样式a上时，将其背景颜色设为黄色；二是使用样式a控制其他块的样式，如控制a的子元素b。还给出了转载来源。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用法1：这个表示的是：当鼠标悬浮在a这个样式上的时候，a的背景颜色设置为黄色
a:hover
    { 
        background-color:yellow;
    }
用法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;
    }