则么这里link和visited又能互换了

来源:2-16 选择练习

saltedfishman

2020-09-17 15:19:33

课件里不是说必须按照link,visited,hover,active这个顺序才能生效吗,则么这里link和visited又能互换了

写回答

2回答

_Ciel

2020-12-23

a标签伪类之所以要注意书写顺序是因为浏览器在处理样式冲突的时候会遵循来源->优先级->源码顺序来判定最终显示哪个样式。而四个伪类在来源和优先级上都一样,所以只剩下源码顺序来区分。
其实 a:link 和 a:visited 这两个谁写在前面都没关系。
因为 a:hover 的作用是鼠标经过才生效,所以 a:link 和 a:visited 必须写在 a:hover 前面。
a:active 的作用是点击时才生效,而点击之前鼠标是必须放到标签上的,所以在触发 a:active 之前,肯定先触发 a:hover 。
如果 a:active 写在 a:hover 前面,那么无论怎么点击,都只会触发 a:hover 的效果。
为方便记忆,采用“爱恨准则”顺序。


3

好帮手慕言

2020-09-17

同学你好,有两种书写顺序,如下:

第一种   :link :visited :hover :active

第二种   :visited :link :hover :active

上面两种都是可以的,不过实际开发中习惯使用第一种

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

1

0 学习 · 15276 问题

查看课程