06-伪元素选择器

废话不多说，直接上代码！！！

 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         }

 

posted @ 2018-05-24 15:16  大白1#  阅读(59)  评论(0)  编辑  收藏  举报