CSS的hover属性
创始人
2025-05-28 02:33:59
0次
1.hover的定义
:hover在鼠标移到链接上时添加的特殊样式
:hover适用于任何元素
2.hover的使用方法
用法1:控制自身的样式
鼠标悬浮在元素上改变元素样式,改变本身的背景颜色,例如:
用法2：通过hover控制其他块的样式
（1）控制子元素的样式 :
‘>’ 控制子元素,子元素选择器使用大于号">"做为连接符
子元素选择器只能选择作为某元素子元素的元素
例如:item是父元素,第一个p是其子元素,所以son的字体会标红.(注意:son1和son2外面还包着一层,所以这个是不生效的)
图2
(2) 控制后代元素的样式 :
‘ ’ 控制后代元素
父元素与子元素必须用空格隔开，从而表示选中某个元素下的子元素
例如:item是父元素,只要是item里面的p都会被选中,所以son,son1,son2的字体都会被选中,变红色字体
理解:子选择器只作用于其第一代元素，而后代选择器作用于N（N为自然数）代元素
（3）控制兄弟元素的样式 :
‘+’ 控制同级元素（兄弟元素）
选择的是item-son紧跟着后面的span元素，是递进的关系,是该兄弟元素与其相邻
（4）控制就近元素的样式 :
‘～’ 控制就近元素
改变其指定的兄弟元素，两个元素相不相邻都行
结语:个人学习理解,仅供参考.
上一篇： 公元前
相关内容
热门资讯
冰库买卖合同范本大全(精选2...
冰库买卖合同范本大全 第一篇甲方：________________乙方：______________...
代码随想录刷题-链表-删除链表...
删除链表的倒数第N个节点 本节对应代码随想录中：代码随想录，讲解视频&#...
盘锦企业培训合同范本40篇
盘锦企业培训合同范本 第一篇订立合同各方：培训单位：＿＿＿＿学院（或学校），以下简称甲方；委托培训单...
正规房屋购买合同范本
正规房屋购买合同范本 随着法律观念的深入人心，能够利用到合同的场合越来越多，它也是实现专业化合作的...
河边茶园租赁合同范本推荐8篇
河边茶园租赁合同范本 第一篇甲方：_______________________乙方：_______...
【Java进阶篇】—— 常用类...
一、String类 1.1 String的特性 java.lang.String 类代表字符串&#x...
lua脚本+redis实现限流
定义注解 @RateLimiter @Target(ElementType.METH...
VMware虚拟机群晖7.2 ...
VMwar虚拟机群晖7.2 Beta (懒人包)使用方法和之前的版本一样：1.首先解压...
空调安装合同书
空调安装合同书中央空调安装合同(标准版)和家网-全球中文家居门户合同编号： 签约时间： 工程地点：和...
技术服务合同范本
合同编号：______________________ 项目名称：______________...
简单的就业合同范本优选19篇
简单的就业合同范本 第一篇甲 方：_______________________(以下简称甲方)乙 ...
《认识几分之一》 教学设计
《认识几分之一》 教学设计 作为一位杰出的老师，很有必要精心设计一份教学设计，教学设计是把教学原理...
【RabbitMQ】Feder...
RabbitMQ集群对时间非常敏感，应该在局域网中使用，不应在关于网中使...
SuperMap iMobil...
第一步：创建 Android Studio 项目 第一步：创建 Andr...
23年PMP考试备考：易混淆知...
PMP考试即将到来，为便于在考试前查漏补缺，给大家准备了PMP考试中常考...
装修公司合同范本推荐66篇
装修公司合同范本 第一篇发包人：甲方承包人：乙方依照《xxx合同法》、《xxx建筑法》及其它有关法律...
租赁合同范本大全推荐13篇
租赁合同范本大全 第一篇出租人（甲方）：____________证件类型及编号：__________...
辽宁工程技术大学专科什么专业...
辽宁工程技术大学专科什么专业适合女生?内蒙理科生419分（中国大学网 ）选择社科专业都可以比如广告，...
五年级语文《松鼠》教学设计
五年级语文《松鼠》教学设计 松鼠是一种很讨人喜欢的小动物。下面由小编为您整理出的五年级语文《松鼠》...
大数据框架之Hadoop：Ma...
3.6.1OutputFormat接口实现类 OutputFormat是MapReduce输出的基类...