首页 > 编程 > HTML > 正文

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

2024-08-26 00:12:09

字体：大中小

来源：转载

供稿：网友

a标签伪类的作用：

":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+css制作简易进度条

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遗憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 妈妈：高考虽重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回应是否会直播带货：有人出100万想和他合作！

2024-06-25 19:29:23

名校抢人名场面：清华、北大太拼了！

2024-06-25 19:22:14

男生高考语文满分！网友：第一次听说

2024-06-25 19:19:15

疑难解答

图片精选

网友关注