首页前端开发HTMLa标签伪类的作用及书写顺序是什么

a标签伪类的作用及书写顺序是什么

时间2024-01-27 07:39:03发布访客分类HTML浏览496
导读:收集整理的这篇文章主要介绍了a标签伪类的作用及书写顺序是什么,觉得挺不错的,现在分享给大家,也给大家做个参考。 a标签伪类的作用: ":link": a标签还未被访问的状态; ":visITed": a标签已被访问过的状态; ":...
收集整理的这篇文章主要介绍了a标签伪类的作用及书写顺序是什么,觉得挺不错的,现在分享给大家,也给大家做个参考。 a标签伪类的作用:

":link": a标签还未被访问的状态;

":visITed": a标签已被访问过的状态;

":hover": 鼠标悬停在a标签上的状态;

":active": a标签被鼠标按着时的状态;

写样式时,为毛要按这个顺序写:

其实本质还是“同等优先权的样式,写在后边的会覆盖前边”,a标签的伪类只不过是又结合了不同的动作顺序,动作的触发顺序决定了伪类的顺序必须按lvha来写。

下面结合这4个伪类简单说下:

因为前2者两种状态是常态,而后2者是即时状态,当即时状态触发时,要覆盖常态,所以2个即时状态要放在后边;

因为在常态下:如果a标签被访问过后,就要呈现被访问过的状态,所以visited 要放在link后边;

因为鼠标按下时,伴随着悬停的a标签上,所以要想active覆盖hover,就必须把active放后边;

顺序记忆技巧:

lv包hao用

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

a标签

若转载请注明出处: a标签伪类的作用及书写顺序是什么
本文地址: https://pptw.com/jishu/587911.html
HTML+css制作简易进度条 html左右布局示例代码

游客 回复需填写必要信息