伪类
a标签有4种伪类:
a:link{
color:red;
}
a:visited{
color:orange;
}
a:hover{
color:green;
}
a:active{
color:black;
}
:link 表示, 用户没有点击过这个链接的样式。 是英语“链接”的意思。
:visited 表示, 用户访问过了这个链接的样式。 是英语“访问过的”的意思。
:hover 表示, 用户鼠标悬停的时候链接的样式。 是英语“悬停”的意思。
:active 表示, 用户用鼠标点击这个链接,但是不松手,此刻的样式。 是英语“激活”的意思。
**这四种状态,在css中,必须按照固定的顺序写:
a:link 、a:visited 、a:hover 、a:active
如果不按照顺序,那么将失效。“爱恨准则”love hate。必须先爱,后恨
超级链接的美化
1. 一定要将a标签写在前面,:link、:visited、:hover、:active这些伪类写在后面。
2. a标签中,描述盒子; 伪类中描述文字的样式、背景。
3. 所有的a不继承text、font这些东西。因为a自己有一个伪类的权重。
4. a:link、a:visited可以省略,简写在a标签里面