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浏览器:

技术分享

火狐浏览器:

技术分享

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