<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>伪元素选择器</title>
<style type="text/css">
/*设置首字母的样式*/
p:first-letter {
color: red;
font-size: 30px;
}
/*在。。。之前添加内容,这个属性使用不是很频繁,使用此选择器一定要结合content使用*/
p:before {
content: 'wyq';
}
/*在。。。之后添加内容,使用非常频繁,通常与布局有很大关联(清除浮动)*/
p:after {
content: '&';
color: aqua;
font-size: 50px;
}
</style>
</head>
<body>
<p>我是一个段落</p>
</body>
</html>