<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