CSS： 伪元素和伪类的区别和作用（****四颗星）

1.伪元素：

在内容元素的前后插入额外的元素或样式，但是这些元素实际上并不在文档中生成。他们只在外部显示可见，但不会在文档的源代码中找到它们，因此称为伪元素

<style>
        p{
            height: 100px;
            width: 300px;
        }
        p::after {
            content:"后"
        }
        p::before{
            content: "前";
        }
        p::first-line{
            background-color: rgb(129, 107, 209);
            margin-left: 20px 
        }
        p::first-lett