06-伪元素选择器

Posted 2021-02-08 orangehero

【转】06-伪元素选择器

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

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

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