css伪元素

伪元素：用于向某些选择器设置特殊效果

:first-letter ：向文本的*个字母添加特殊样式

实例

<p> hello heml </p> 
<style> 
 p:first-letter { color:red; font-size:30px; } 
</style>

:first-line ：向文本的首行添加特殊样式

实例

<div> 
 <p>两只黄鹂鸣翠柳，一行白鹭上青天</p> 
 <p>窗含西岭千秋雪，门泊东吴万里船</p> 
</div> 
<style> 
 div{width: 300px;} 
 div:first-line { color:red;} 
</style>

:before ：在元素之前添加内容

实例

<p> hello before </p> 
<style> 
 p:before { content: 'before content' } 
</style>

:after ：在元素之后添加内容

实例

<p> hello after </p> 
<style> 
 p:after { content: 'after content' } 
</style>

所有伪元素