超链接的那些事(一): 伪类_html/css_WEB-ITnose
程序员文章站
2022-06-04 13:55:37
...
一、什么是CSS伪类
link 适用于未被用户访问过的链接
visited 适用于已被用户访问过的链接
hover 适用于光标(鼠标指针)置于其上的连接
active 适用于被点击过的连接
CSS伪类(Pseudoclasses)用来指定一个或者与其相关的选择符的状态。它的表现形式是selector:pseudoclass{property:value;}。
二、浏览器的支持
CSS有很多的伪类没有得到浏览器的支持,但是对于超链接的四个伪类可以安全使用。
三、超链接的伪类
四、伪类的顺序
在使用超链接的伪类的时候,需要按照link->visited->hover->active的顺序来定义。
例如:
a:link {color: red;}a:visited {color: yellow;}a:hover {color: green;}a:active {color: gray;}
简单记法"love hate","爱恨"。
Tip:
①. 对于已经访问的链接,浏览器会记录访问的信息,所以查看link和visited效果,有时需要清除浏览器的缓存。
②. 超链接有默认的样式下划线, 而去除下划线需要以下CSS:
a{text-decoration:none;}
未完待续...
推荐阅读
-
HTML5中的伪类选择器实现一张图片翻转特效(代码实例)
-
前端开发HTML&css入门——伪类选择器和一些特殊的选择器
-
css3中关于伪类的使用_html/css_WEB-ITnose
-
超链接的那些事(一): 伪类_html/css_WEB-ITnose
-
向那些年我们经历的一面N面致敬_html/css_WEB-ITnose
-
关于z-index 那些你不知道的事_html/css_WEB-ITnose
-
清除浮动全面解读(摘自网摘那些年我们一起清除过的浮动)_html/css_WEB-ITnose
-
怎么设置才能一点击超链接是一个游戏页面,然后再点击才是想要的页面_html/css_WEB-ITnose
-
超链接文字的 右边有个图片,是用css弄在一起的吗?_html/css_WEB-ITnose
-
开发一个基于纯网页的棋牌游戏,需要掌握那些技术?_html/css_WEB-ITnose