css之伪类、伪元素

什么是伪类、伪元素？

* 伪类：

希望在特定状态下，给元素呈现特定的样式。
例如： 超链接，在链接被点击之后，呈现特定的样式，我们就可以使用:visited这个伪类给超链接添加特定的样式。伪类的前缀是一个：
常用的伪类分类：

1.状态伪类: 例如 link、visited、hover、active、focus；

2.结构化伪类：例如first-child、last-child；

3.表单伪类： 例如readonly，empty；

* 伪元素：

伪元素 伪元素与伪类的用法相似，只不过伪类的前缀是两个::，个别元素可以使用一个冒号
 

单双冒号都可以使用的是：

::before/:before, 在被选元素前插入元素，需要制定content来指定要插入的内容-被插入的内容实际不在文档树中

::after/:after，在被选元素后插入元素，与上面一个类似；

::first-letter/:first-letter,匹配元素中文本的首字母，被修饰的首字母不在文档中

::first-line/:first-line 匹配元素中的第一行的文本，该伪元素只能用在块元素中，不能在内联元素中使用