超链接样式
※伪类顺序 ：
a:link{}↓a:visited{}↓a:hover{}↓a:active{}
原则：“先爱后恨” lovebeforehate
HTML Code ：
<!doctype html><html><head><meta charset="utf-8"><title>设置超链接样式</title><style type="text/css">a:link{color: orange; } //设置超链接颜色为橙色a:visited{color: pink; } //单击超链接后颜色为粉色a:hover{color: yellowgreen; } //鼠标悬停时颜色为绿色a:active{color: purple; } //单击不释放时颜色为紫色</style></head><body><h2><a href="#">微微一笑很倾城</a></h2><h2><a href="#">微微一笑很倾城</a></h2><h2><a href="#">微微一笑很倾城</a></h2><h2><a href="#">微微一笑很倾城</a></h2></body></html>
Result ：
单击超链接前和鼠标悬停时单击超链接后和单击不释放时
※如果顺序颠倒，先设置a:hover，再设置a:visited，那么在浏览器中a:hover就不起作用了。
※在实际开发中，仅设置两种超链接样式，一种是超链接<a>标签选择器样式，另一种是鼠标悬浮在超链接上的样式，即a{}和a:hover{}。
