谷歌浏览器把音频和视频自动播放禁止了
注意：类选择器、属性选择器、伪类选择器，权重为 10。
nth-child（n） 选择某个父元素的一个或多个特定的子元素（重点）
n 可以是数字，关键字和公式n 如果是数字，就是选择第 n 个子元素， 里面数字从1开始…n 可以是关键字：even 偶数，odd 奇数n可以是公式：常见的公式如下 ( 如果n是公式，则从0开始计算，但是第 0 个元素或者超出了元素的个数会被忽略 )注意：类选择器、属性选择器、伪类选择器，权重为 10。 区别：
nth-child 对父元素里面所有孩子排序选择（序号是固定的） 先找到第n个孩子，然后看看是否和E匹配nth-of-type 对父元素里面指定子元素进行排序选择。 先去匹配E ，然后再根据E 找第n个孩子伪元素选择器可以帮助我们利用CSS创建新标签元素，而不需要HTML标签，从而简化HTML结构。
before 和 after 创建一个元素，但是属于行内元素新创建的这个元素在文档树中是找不到的，所以我们称为伪元素语法： element::before {}before 和 after 必须有 content 属性before 在父元素内容的前面创建元素，after 在父元素内容的后面插入元素伪元素选择器和标签选择器一样，权重为1CSS3 中可以通过 box-sizing 来指定盒模型，有2个值：即可指定为 content-box、border-box，这样我们计算盒子大小的方式就发生了改变。 可以分成两种情况：
box-sizing: content-box 盒子大小为 width + padding + border （以前默认的）box-sizing: border-box 盒子大小为 width如果盒子模型我们改为了box-sizing: border-box ， 那padding和border就不会撑大盒子了（前提padding 和border不会超过width宽度）
括号里面可以使用 + - * / 来进行计算。
