首页 > 代码库 > HTML - 伪元素

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.mamicode.com/"http://www.aaa.com">aaa
>


目前就只有a标签和p标签有伪元素表示。

以上仅为测试使用,所以看起来会比较夸张。

IE浏览器:

技术分享

火狐浏览器:

技术分享

HTML - 伪元素