废话不多说,直接上代码!!!
1 /*设置第一个首字母的样式*/ 2 p:first-letter{ 3 color: red; 4 font-size: 30px; 5 6 } 7 8 /* 在....之前 添加内容 这个属性使用不是很频繁 了解 使用此伪元素选择器一定要结合content属性*/ 9 p:before{ 10 content:'alex'; 11 } 12 13 14 /*在....之后 添加内容,使用非常频繁 通常与咱们后面要讲到布局 有很大的关联(清除浮动)*/ 15 p:after{ 16 content:'&'; 17 color: red; 18 font-size: 40px; 19 }