您现在的位置是：网站首页> 编程资料编程资料
a标签伪类的作用及书写顺序是什么_HTML/Xhtml_网页制作_
2023-11-11
284人已围观
简介 a标签的伪类只不过是又结合了不同的动作顺序，动作的触发顺序决定了伪类的顺序必须按lvha来写，接下来为大家详细介绍下，感兴趣的朋友不妨参考下
a标签伪类的作用：
":link": a标签还未被访问的状态；
":visited": a标签已被访问过的状态；
":hover": 鼠标悬停在a标签上的状态；
":active": a标签被鼠标按着时的状态；
写样式时，为毛要按这个顺序写：
其实本质还是“同等优先权的样式，写在后边的会覆盖前边”，a标签的伪类只不过是又结合了不同的动作顺序，动作的触发顺序决定了伪类的顺序必须按lvha来写。
下面结合这4个伪类简单说下：
因为前2者两种状态是常态，而后2者是即时状态，当即时状态触发时，要覆盖常态，所以2个即时状态要放在后边；
因为在常态下：如果a标签被访问过后，就要呈现被访问过的状态，所以visited 要放在link后边；
因为鼠标按下时，伴随着悬停的a标签上，所以要想active覆盖hover，就必须把active放后边；
顺序记忆技巧：
lv包hao用
":link": a标签还未被访问的状态；
":visited": a标签已被访问过的状态；
":hover": 鼠标悬停在a标签上的状态；
":active": a标签被鼠标按着时的状态；
写样式时，为毛要按这个顺序写：
其实本质还是“同等优先权的样式，写在后边的会覆盖前边”，a标签的伪类只不过是又结合了不同的动作顺序，动作的触发顺序决定了伪类的顺序必须按lvha来写。
下面结合这4个伪类简单说下：
因为前2者两种状态是常态，而后2者是即时状态，当即时状态触发时，要覆盖常态，所以2个即时状态要放在后边；
因为在常态下：如果a标签被访问过后，就要呈现被访问过的状态，所以visited 要放在link后边；
因为鼠标按下时，伴随着悬停的a标签上，所以要想active覆盖hover，就必须把active放后边；
顺序记忆技巧：
lv包hao用
相关内容
- 表单元素属性readonly和disabled使用对比_HTML/Xhtml_网页制作_
- 按钮与回车键关联的js代码_HTML/Xhtml_网页制作_
- 迷你西游挑战星级攻略 教你如何轻松三星过关_手机游戏_游戏攻略_
- 我叫MT传说四暗影来袭:四暗影竞技场PVP战斗实录_手机游戏_游戏攻略_
- 天天爱萌仙 电池医生活动规则介绍_手机游戏_游戏攻略_
- 天天飞车4月29日刷金币刷钻石辅助爆分1亿5千万无限吸油破解版攻略_手机游戏_游戏攻略_
- 雷霆战机暴风狮鹫装备搭配推荐_手机游戏_游戏攻略_
- 雷霆战机暴风狮鹫怎么样 优势劣势分析_手机游戏_游戏攻略_
- 雷霆战机辅助豪华版卡宝箱3星通关apk下载bug刷经验刷钻石教程_手机游戏_游戏攻略_
- 雷霆战机暴风狮鹫获得方法及满级属性一览_手机游戏_游戏攻略_
