链接伪类选择器

链接伪类选择器（Link Pseudo-class Selector）是一种用于 CSS 的伪类选择器，用于为链接的不同状态设置样式。

:link - 选择尚未被访问的链接。

:visited - 选择已被访问过的链接。

:hover - 鼠标悬停在链接上时的状态。

:active - 链接被点击但还未释放鼠标按钮时的状态。

笔记内容

<!DOCTYPE html>
	<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>链接伪类选择器</title>

		<style>
			/* 伪类选择器，以 冒号 开头 */
			/* 伪类选择器，权重跟类选择器一样 0010 */

			/* 必须按照 link>visited>hover>active 的顺序写 */

			/* 未访问过的链接样子 */
			a:link{
				color: red !important;  /* 用 a:link 设置链接的初始颜色无效，用标签选择器 a 就有效了*/
				background-color: yellow;
			}

			/* 已访问过的链接的样子 */
			a:visited{

			}

			/* 鼠标经过时链接的样子 */
			a:hover{

			}

			/* 鼠标按下时链接的样子 */
			a:active{

			}
		</style>

	</head>
	<body>

		<a href="https://www.baidu.com">百度</a>

	</body>
</html>

Bjb Code

链接伪类选择器

笔记内容