前言：
在初学css时，总是将伪类与伪元素混淆，故有此学习笔记。
css伪元素
定义：
伪元素是一个附加至选择器末的关键词，允许你对被选择元素的特定部分修改样式
伪元素都有那些内容：
::after 常用
::backdrop
::before 常用
::cue
::cue-region
::first-letter
::first-line
::file-selector-button
::after
伪元素：用来创建已选中元素的最后一个子元素-----通常情况会配合content属性来为该元素添加装饰内容
ps：这里的使用方法是，选中的元素，其在选择的时候，使用content，就会添加内容
<p class="exciting-text"> 在 MDN 上做贡献简单又轻松。按右上角的编辑按钮添加新示例或改进旧示例！ </p> .exciting-text::after { content: "<- 让人兴兴兴奋！"; color: green; }
效果：
::before
伪元素： 用来创建一个伪元素，其将成为匹配选中的元素的第一个子元素----通常情况下会配合content属性来为该元素添加装饰内容
ps：这个和after原理和用法是一样的
<p>这是一个p标签</p> p::before{ content: '在标签之前插入内容'; color: #9c27b0; }
效果图：
注意：伪类（: '一个冒号'）和伪元素（:: '两个冒号'）的写法是相似的，但是用法不同！！！！
css伪类：
伪类是添加到选择器中的关键词，用于指定所选元素的特殊状态
伪类都有那些：
：hover 常用
：is 匹配与提供的列表中的任何选择器匹配的任何元素
：not 表示其参数中未标识的任何元素
：has 表示与任何一个与锚定的元素的相对选择器相匹配（如果有的话）的元素
:hover
用户悬停的时候，能够设置的样式
在日常开发项目的时候，我们会发现伪类与伪元素，经常都会使用，最简单的方式，就是记住：
伪类有两层冒号（：）， 而伪元素则只有一层
