全栈小知识-超链接（a标签）的各种状态，对应不同的css样式

在web开发中我们经常使用到超链接（a标签），超链接（a标签）的样式配置比较特别；
因为它在不同状态下可以配置不同展现形式，具体如下：

a:link   //超链接（a标签）的初始状态
a:visited  //超链接（a标签）被访问过后，在展示时的状态
a:hover    //鼠标悬停在超链接（a标签）上时的状态 
a:active   //超链接（a标签）被鼠标点击时的状态 

举个例子：配置自定义class中超链接（a标签）在不同状态下的样式：

<style>
	.myClass > a {
		/* 总体样式 */
	}

	.myClass > a:link {
		/* 配置超链接（a标签）在初始状态时的样式 */
	}

	.myClass > a:visited {
		/* 配置超链接（a标签）被访问过后，在展示时的样式 */
	}

	.myClass > a:hover {
		/* 配置鼠标悬停在超链接（a标签）上时的样式 */
	}

	.myClass > a:active {
		/* 配置超链接（a标签）被鼠标点击时的样式 */
	}
</style>

最后编写样式时，需要注意各状态的顺序， a -》a:link -》a:visited -》a:hover -》a:active，很简单吧

转载来源：全栈小知识-超链接（a标签）的各种状态，对应不同的css样式