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

ttx9n · 发表于 2013-9-27 17:23:37

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用

feiyasqhr · 发表于 2023-1-19 22:17:30

啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦

z835648964 · 发表于 2023-1-23 19:52:58

撒旦撒旦撒擦擦擦擦

e8hwl6prw · 发表于 2023-9-4 17:40:11

加快速度很快就撒谎

bp5jgbcnt · 发表于 2023-9-20 11:47:36

哦哦哦ijhhsdj

shw5ovr · 发表于 2024-3-31 06:55:51

hi哦回复iOS就看见

z835648964 · 发表于 2024-4-2 16:08:29

刷屏刷屏刷屏

dingzhi521 · 发表于 2024-4-8 02:02:13

谢谢分享，先下来用用

ki9ku6 · 发表于 2024-4-12 20:23:38

还不错啊

e8hwl6prw · 发表于 2024-7-15 08:46:02

快更新啊，我擦

账号		自动登录	找回密码
密码			立即注册

[HTML/Xhtml] a标签伪类的作用及书写顺序是什么

相关帖子