css的常见伪元素使用

原创

已于 2023-08-25 11:29:39 修改

· 1.2k 阅读

版权

文章标签：

于 2023-08-21 21:54:23 首次发布

本文介绍了CSS中的四个伪元素：first-line用于设置首行样式，first-letter用于设置首字母样式，before在元素内容前插入新内容，after在内容后插入。通过实例演示了它们的用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div class="top">
      <p>可以使用 "first-line" 伪元素向文本的首行设置特殊样式。<br> 换行内容 </p>
    </div>

.top p::first-line {
        color: red;
      }

<div class="top">
      <p>可以使用 "first-letter" 伪元素向文本的首字符设置特殊样式。 </p>
    </div>

.top p::first-letter {
        color: red;
      }