正常链接
x:link{
color:green;
}
访问过的链接
x:visited{
color:yellow;
}
ps:(只能定义字体颜色,不能定义字号)
鼠标滑过的链接
x:hover{
color:skyblue;
}
正在点击的链接
x:active{
color:black;
}
获取焦点
x:focus{
backgroud-color:orange;
}
选中的元素
x::selection{
background-color:white;
}
(选中变色)
兼容浏览器
p::-moz-selection{
background-color:orange;
}
伪元素
定义首字母
(定义段落首字母)
x:first-letter{
color:red;
font-size:30px;
}
定义首行
x:first-line{
background-color:orange;
}
前面
x:before{
content:"我在文章的最前面";
color:skyblue;
}
需要用content(内容)来定义内容,定义的内容插入到段落前面
后面
x:alter{
content:"我会出现在文章的最后面";
color:red;
}
需要用alter(内容)来定义内容,定义的内容插入到段落后面
网友评论