伪元素选择器

伪元素(伪对象)选择器

 

在css样式中创建一个元素,在html结构中找不到,所以叫伪元素

 

1）::after :  必须和content属性一起使用，可以在当前元素内最后的位置添加内容（文本、图片、元素）。

content：“” 可为空，但必须有

语法：选择符:：after{content:”文字”;}
     选择符:：after{content:url(图片路径)；}
    
如：div::after{content:url(logo.jpg);}
   div::after{content:"文本内容";}

2）::before:     必须与content属性一起使用,可以在当前元素内最前的位置添加内容(文本、元素、图片)。

content：“” 可为空，但必须有

div::before{content:"在其前放内容";}

3）、::first-letter 定义对象内第一个文本的样式。
    *(该伪元素选择器只能用于块级元素和行内块元素)。 

4）、::first-line:定义对象内第一行文本的样式。
    *(该伪元素选择器只能用于块级元素和行内块元素。)