<html>
<head><title>伪元素</title>
<style>
a:link{
color: green ;
font-size: 1cm ;
}
a:hover{
color: red ;
font-size: 2cm ;
}
a:active{
color: blue ;
font-size: 2cm ;
}
a:visited{
color: yellow ;
font-size: 1cm ;
}
p:first-letter{
color: red ;
font-size: 3cm ;
}
p:first-line{
color: yellow ;
font-size: 1cm ;
}
</style>
</head>
<body>
<a href="http://www.aaa.com">aaa</a><br>
<a href="http://www.bbb.com">bbb</a><br>
<a href="http://www.ccc.com">ccc</a><br>
<a href="http://www.ddd.com">ddd</a><br>
<p>
aaaaaaaaaaaaaaaaaaaaaaaaa<br>
bbbbbbbbbbbbbbbbbbbbbbbbb<br>
ccccccccccccccccccccccccc<br>
</p>
<p>
ddddddddddddddddddddddddd<br>
eeeeeeeeeeeeeeeeeeeeeeeee<br>
fffffffffffffffffffffffff<br>
</p>
</body>
</html>
目前就只有a标签和p标签有伪元素表示。
以上仅为测试使用,所以看起来会比较夸张。
IE浏览器:
火狐浏览器:
原文:http://blog.csdn.net/imwangjiping/article/details/42124347