css伪元素

伪元素用来添加一些选择器的特殊效果

 

语法

selector:pseudo-element {property:value;}

类也可以使用伪元素

selector.class:pseudo-element {property:value;}

 

:first-line伪元素（用于向文本的首行设置特殊样式，只能应用于块级元素）

比如：

p:first-line 
{
    color:#ff0000;
}

 

:first-letter伪元素（用于向文本的首字母设置特殊样式）

比如：

p:first-letter 
{
    color:#ff0000;
}

 

元素可以结合多个伪元素来使用

 

:before伪元素（在元素的内容前面插入新内容）

:after伪元素（在元素的内容后面插入新内容）

比如：

p:before/after
{
    content:url(….gif);
}