CSS中的伪元素

一般伪元素是 (::)两个冒号,也有用一个冒号的,开发中为了区分伪元素和伪类,建议使用两个冒号

1、:first-line ===> ::first-line：第一行

只有字体，颜色，背景属性可以应用到 first-line 伪元素中

2、:first-letter ===> ::first-letter：第一个单词

只有字体，margin，padding，border，颜色，背景属性可以应用到 first-letter 属性中

3、:before ====> ::before： 在元素的内容之前插入其他内容（可以是文字，图片，也可以什么都不写，但是content=''这个属性必须有）

4、:after ====> ::after： 在元素的内容之后插入其他内容（可以是文字，图片）

div::before{
    content:'before内容'; /* 在 div 之前插入文字内容 "before内容" */
    color:red;
}
div::after{
    content:url("./img/after.png");  /* 在 div 之后插入图片内容*/
}

<div> div中原有的文字 </div>