<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浏览器：
火狐浏览器：
时间： 2024-10-14 03:15:17