伪类选择器
**伪类选择器:**CSS 伪类用于向某些选择器添加特殊的效果,语法结构如下:
选择器:伪类 {
declaration1;
declaration2;
…
}
伪类共有四种::link,:vistied,:hover和:active。
:link
作用:向未被访问的链接添加样式。
:vistied
作用:向已被访问的链接添加样式。
:hover
作用:当鼠标悬浮在元素上方时,向元素添加样式。
:active
作用:向被激活的元素添加样式。
<a href="http://www.baidu.com">百度一下</a>
<style>
a:link{
background-color: red;
}
a:visited{
background-color: black;
}
a: hover{
background-color:white ;
}
a:active{
background-color:yellow;
}
</style>
注意
若:link、:visited、:hover和:active一起使用,:hover 必须被置于 :link 和 :visited 之后,:active 必须被置于 :hover 之后,即:link -> :visited -> :hover -> :active ,简记love hate(爱恨)。