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）控制就近元素的样式 :
‘～’ 控制就近元素
改变其指定的兄弟元素，两个元素相不相邻都行
结语:个人学习理解,仅供参考.
上一篇： 公元前
相关内容
热门资讯
幼儿园大班教师寄语
幼儿园大班教师寄语（精选210句） 在日复一日的学习、工作或生活中，大家最不陌生的就是寄语了吧，借...
家长会的感言
家长会的感言 在日常的学习、工作、生活中，我们常常会由于外界事物接触而引发思想的火花，这时可以寻思...
公务员面试技巧
公务员面试技巧大全(完整版)公务员面试技巧大全(完整版)1 一、“我”字的使用 1、减少“我”字...
班级鉴定评语
班级鉴定评语 在学习、工作或生活中，大家最不陌生的就是评语了吧，不断地改进提高。你所知道的评语是都...
感恩节感恩教师的寄语
1. 多想再一次注视您的目光，多想再一次倾听您的讲课，多想再一次紧握您的双手，衷心道声“谢谢”，...
霜降问候语
霜降问候语 在日常学习、工作或生活中，大家都尝试过写问候语吧，问候语往往灵活机动，可以随机应变。那...
个人成长档案 教师心语
成长是一个色彩斑斓的字眼,在这成长的过程中,喜悦与烦恼在不经意间在这成长的路上烙上了一个又一个的...
小学生素质报告册家长评语
小学生素质报告册家长评语 马上要开学了，我们家长写了小学生的素质报告册评语了吗?以下是小编搜集整理...
三毛语录50句
三毛的作品情感真实，没有太多的粉饰，而是展现生活的原貌和生活中的智慧与趣味。以下是“三毛语录”，...
大学生新学期寄语
2022年大学生新学期寄语（精选140句） 无论在学习、工作或是生活中，许多人都有过写寄语的经历，...
最新班主任寄语
最新班主任寄语大全 1、久有凌云志，此志可问天，心慕象牙塔，魂系梦亦牵，百万学子竞渡，扁扁小舟心几...
初心一直都在作文
初心一直都在作文范文（精选3篇） 在学习、工作或生活中，许多人都写过作文吧，作文是经过人的思想考虑...
情人节的说说
关于情人节的说说(通用15篇) 随着社交网络、移动互联网等相继进入人们的日常工作和生活中，越来越多...
经典深情爱情语录摘抄
45条经典深情爱情语录摘抄 1.当你觉得钱比面子重要的时候,证明你成熟了 2.手捧着你的骨灰说：...
学前班孩子毕业寄语
学前班孩子毕业寄语 以下是由unjs小编为大家精心整理出来的学前班孩子毕业寄语，希望大家能够喜欢，...
基督经典语录摘抄
基督经典语录摘抄 1、有钱有名的人不一定幸福.有知识有学问的人不一定聪明.事实上,有钱有名常常成为...
给女朋友留言短句
在空气里感觉到你，来不及吸入与呼出，就静放在心里想你。下面是CN人才网小编整理的2017年给女朋...
高考寄语简短
知识像一张鱼网，鱼网愈宽愈牢，网到的鱼就越多。如下是CN人才网小编分享的2017高考寄语简短，欢...
端午节搞笑语录
端午节搞笑语录 1、粽子香，香厨房;艾叶香，香满堂;桃枝插在大门上，出门一望麦儿黄;这儿端阳，那儿...
毕业典礼园长感人致辞
2022毕业典礼园长感人致辞（精选19篇） 在我们平凡的日常里，大家都写过致辞吧，致辞讲求文辞不能...