这个a标签伪类是怎么做的

来源：蜘蛛抓取(WebSpider) 时间：2019-08-20 18:55 标签： a标签

a标签伪类的4个伪类分别是:

由上面嘚demo测试可以看出标签拥有 href 属性是显示:link 或者 :visited的前提，如果 href 属性是一个正常的地址连接、为空、为"#"符号则显示visited样式,如果为"#"符号后面加任意一芓符或者字符串、javascript:void(0)表达式则显示:link的样式：

上面的demo测试:active伪类需要放在:hover伪类后面，因为当鼠标点击a标签伪类的时候触发了:active同时也触发了:hover如果:hover写在:active就会把:active的显示样式给覆盖，就是永远也看不到:active的点击样式

这个不是伪类实现的在访问该頁面时给这个标签再加一个样式，比如说

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

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

你设置 这个 一般是用过添加一個样式来改变  比如  .on 下面的样式你你添加在当前状态下面的时候改变就行了

未移入a标签伪类链接时：link

点击后未移入a标签伪类连接时：link、visited

当为鏈接的不同状态设置样式时请按照以下次序规则：

我要回帖

更多关于 a标签 的文章

 

随机推荐