上一篇: css属性和关系选择器
下一篇: css浮动布局-float
伪元素：用于向某些选择器设置特殊效果
实例
<p> hello heml </p>
<style>
p:first-letter { color:red; font-size:30px; }
</style>
实例
<div>
<p>两只黄鹂鸣翠柳，一行白鹭上青天</p>
<p>窗含西岭千秋雪，门泊东吴万里船</p>
</div>
<style>
div{width: 300px;}
div:first-line { color:red;}
</style>
实例
<p> hello before </p>
<style>
p:before { content: 'before content' }
</style>
实例
<p> hello after </p>
<style>
p:after { content: 'after content' }
</style>
| 选择器 | 例子 | 例子描述 |
|---|---|---|
| ::after | p::after | 在每个 <p> 元素之后插入内容。 |
| ::before | p::before | 在每个 <p> 元素之前插入内容。 |
| ::first-letter | p::first-letter | 选择每个 <p> 元素的首字母。 |
| ::first-line | p::first-line | 选择每个 <p> 元素的首行。 |
| ::selection | p::selection | 选择用户选择的元素部分。 |
上一篇: css属性和关系选择器
下一篇: css浮动布局-float
*声明：内容来源于网络收集和整理，版权归原著所有，如来源信息有误或侵犯权益，请联系站长作修改和删除处理。