CSS选择器

伪元素选择器概述
CSS中，伪元素选择器用于定义元素指定部分的样式，或者在元素的内容之前或之后插入内容。CSS中常用的伪元素选择器有::before选择器和::after选择器。
1.E::before选择器
E::before选择器用于在被选元素的内容之前插入内容。使用该选择器时，需使用content属性来指定要插入的内容。

唐代

						
<p id="dynasty1_test">唐代</p>
		

	
#dynasty1_test::before{
	content: "【附加前缀】";
}
2.E::after选择器
E::after选择器用于在被选元素的内容之后插入内容。

宋代

						
<p id="dynasty2_test">宋代</p>
		

	
#dynasty2_test::after{
	content: "【附加后缀】";
}