这篇想要跟大家分享的是 css 中的伪类和伪元素，有任何问题可以私聊我或者评论哦！

首先，我们先来想一下

一、引入伪类跟伪元素的原因？

伪类和伪元素的引入是因为在文档树里有些信息无法被充分描述

比如 CSS 没有 “段落的第一行”、“文章首字母” 之类的选择器，而这在一些出版场景里又是必须的，因此引入。

引用标准中的话：

(CSS 引入伪类和伪元素的概念是为了实现基于文档树之外的信息的格式化。)
CSS introduces the concepts of pseudo-elements and pseudo-classes to permit formatting based on 
information that lies outside the document tree.

什么是 Flex 布局

Flex 是 Flexible Box 的缩写 flex 布局表示弹性布局，可以为盒状模型提供最大的灵活性。

适用范围

任何一种元素都可以指定为 flex 布局