学习笔记

精准传达 • 价值共享

洞悉互联网前沿资讯,探寻网站营销规律

查看其它板块

CSS :hover 选择器 用法讲解

作者:狐灵科技 | 2020-02-06 20:25 |点击:

用法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;
    }
 

div使用:hover功能实现内嵌一个div隐藏、呈现功能


使用display: none 就可以实现鼠标移动到绿色div就隐藏的效果的了。


如没特殊注明,文章均为狐灵科技原创,转载请注明  https://www.hulingweb.cn/qxpp/xuexibiji/873.html
多一份免费策划方案,总有益处。

请直接添加技术总监微信联系咨询

网站设计 品牌营销

多一份参考,总有益处

联系狐灵科技,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:023-68168040 / 大客户专线:15523356218