码迷,mamicode.com
首页 > 其他好文 > 详细

06-伪元素选择器

时间:2018-11-10 10:52:37      阅读:125      评论:0      收藏:0      [点我收藏+]

标签:技术分享   col   first   cli   pre   code   logs   了解   title   

直接上代码!!!

技术分享图片
/*设置第一个首字母的样式*/
        p:first-letter{
            color: red;
            font-size: 30px;

        }
        
/* 在....之前 添加内容   这个属性使用不是很频繁 了解  使用此伪元素选择器一定要结合content属性*/
        p:before{
            content:‘alex‘;
        }
        
        
/*在....之后 添加内容,使用非常频繁 通常与咱们后面要讲到布局 有很大的关联(清除浮动)*/
        p:after{
            content:‘&‘;
            color: red;
            font-size: 40px;
        }
技术分享图片

 

06-伪元素选择器

标签:技术分享   col   first   cli   pre   code   logs   了解   title   

原文地址:https://www.cnblogs.com/mjc69213/p/9937966.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!