CSS使用伪元素来表示元素中的一些特殊位置

CSS 伪元素用于向某些选择器设置特殊效果。直接上样例。

p元素中的内容

我是一个段落 我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落

为p中的第一个字符设置样式

       /*
        为p中的第一个字设置样式，将字体颜色设置为红色，字体大小为30px
        */
        p:first-letter{
            color: red;
            font-size: 30px;
        }

为p中的第一行设置一个样式

 /*
        为p中的第一行设置一个样式，将背景色设为黄绿色
        */
        p:first-line{
            background-color: yellowgreen;
        }

      before表示元素的最前面的位置，after表示元素的最后面的位置，一般before都要结合content样式一起使用， 通过content可以向before或after的位置添加一些内容。

在p元素最前方加一段文字xxxxxx。

  p:before{
            content: "xxxxxx";
        
     }

在p元素最后方加一段文字kkkkkkkkkkkkkkkkkk。

  p:after{
            content: "kkkkkkkkkkkkkkkkkk";
   }

在此附上所有代码

    
    
    



我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落我是一个段落


```