::before 这个伪元素可以选择元素的之前，你可以在元素之前添加点内容 … 修改它的样式 … 跟它对应的还有一个 ::after 伪元素 … 它做的事就是选择元素之后的部分 … 同样我们可以添加点内容 … 还有其它的样式 …

比如我们要选择文档里面的这个大标题一 … 在它之前先添加点东西 … 先用 content 属性，把内容添加到一组引号里面 … 再加点其它的样式 …

h1::before {
content: ‘before ';
font-size: 15px;
color: #666;
}

在文档里大标题的前面，你会看到添加的内容，还有应用在上面的样式 　….

再试一下 ::after … 同样在大标题一的后面加点东西 …

h1::after {
content: ' after';
font-size: 15px;
color: #666;
}

在大标题一的后面，会出现添加的内容和样式 …