常用的结构伪类选择器
结构伪类选择器有利于减少对 HTML 中类的依赖，从而保持代码整洁
结构伪类选择器根据元素在 HTML 中的结构关系查找元素，常用于查找父级选择器中的子元素
举例说明：
常用到的公式
（1）偶数项、奇数项
（2）n 的倍数
nth-child 与 nth-of-type 的区别
nth-child 是直接在父元素的所有孩子中数个数 ，如下图中的红色样式，直接从 body 的第一个元素开始数起，将单数项的元素字体设置成红色，符合要求的有 5 个；
nth-of-type 则是先通过该类型找到对应的所有子元素，然后再这些子元素中数个数 ，如下图中的绿色样式，先从 body 中找出所有 div 元素，一共有 7 个，然后再从这 7 个 div 元素中的第一个开始数起，将所有的奇数项的元素字体设置成绿色，符合要求的共有 4 项：
伪元素
一般页面中的 非主体 内容可以使用 伪元素
一般说的 元素 是 HTML 设置的标签；而 伪元素 是由 CSS 模拟出的标签效果
伪元素默认是 行内元素 ，并且必须设置 content 属性才能生效
经常用到的伪元素：
- ::before --- 在父元素内容的 最前边 添加一个伪元素
- ::after --- 在父元素内容的 最后边 添加一个伪元素
