您不能像这样使用
:before和
:after伪元素。它们的目的是在分别指定的选择器之前和之后插入内容。
用法示例：
HTML：
<span > Outer <span > Inner </span></span>
CSS：
.a .b:before { content: "|Inserted using :before|";}.a { color: blue;}.b { color: red;}结果：
发生的事情是，文本
|Inserted using :before|被插入到内部跨度之前（实际上是在内部跨度之前），因为它是class
b，是class 元素的后代
a。基本上，
:before并且
:after不要选择; 他们修改。
例：
这无法正常工作：
HTML：
<span > <p>More text</p> <span > <p>More text</p> Inner </span></span>
CSS：
.a .b:before { text-size: 100px;}
