尚硅谷web前端工程师学习笔记1000集20

最新推荐文章于 2024-08-04 14:27:56 发布

哒哒哒菓子

最新推荐文章于 2024-08-04 14:27:56 发布

阅读量147

点赞数

分类专栏： a标签的伪类

本文链接：https://blog.csdn.net/qq_38547320/article/details/104346331

版权

a标签的伪类专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
		
			/*
			 * 涉及到a的伪类一共有四个：
			 * 	:link
			 *  :visited
			 * 	:hover
			 * 	:active
			 * 而这四个选择器的优先级是一样的。
			 * link,visited要在hover、actIve上边，自身的顺序可以变
			 * hover一定要在active上面
			 */
			
			a:link{
				color: yellowgreen;
			}
			
			a:visited{
				color: red;
			}
			
			/*
			 * 鼠标移入
			 */
			a:hover{
				color: orange;
			}
			
			/*
			 * 正在点击
			 */
			a:active{
				color: cornflowerblue;
			}
			
			
			
			
			
		</style>
	</head>
	<body>
		
		<a href="http://www.baidu.com">访问过的链接</a>
		<br /><br />
		<a href="http://www.baidu123456.com">未访问过的链接</a>
		
	</body>
</html>