1.正常链接
a:link{
color:green;
}
2.访问过的链接
a:visited{
color:yellow;
}
注:只能定义字体颜色
3.鼠标滑过的链接
a:hover{
color:skyblue;
}
4.正在点击的链接
a:active{
color:black;
}
5.获取焦点
a:focus{
backgroud-color:orange;
}
6.指定元素前
a:before{
background-color:white;
}
7.指定元素后
a:after
8.选中的元素
a::selectio{
background-color:white;
}
伪元素
1.首字母
a:first-letter{
background-color:orange;
}
2.首行
a:first-line{
}
3.前面
a:before{
content:"我在文章的最前面";
color:skyblue;
}
需要用content(内容)来定义内容
后面
a:alter{
content:"我会出现在文章的最后面";
color:red;
}
网友评论