HTML - 伪元素
<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浏览器:
火狐浏览器:
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。