CSS3新增选择符
什么是CSS3：
CSS3其实就是CSS(层叠样式表)技术的升级版本，于1999年开始制定，2001年5月23日W3C完成了CSS3的工作草案，CSS3新增了许多新功能比如弹性盒子、旋转、动画、选择符、背景边框、文字特效等等。那么我们今天主要就来讲讲CSS3新增的选择符。
| 选择符 | 作用 |
|---|---|
| A~B | 选择A元素所有兄弟元素B |
| A:not(B) | 匹配不含有B选择符的元素A |
| A:root | 匹配A元素在文档的根元素 |
| A:last-child | 匹配父元素的最后一个子元素A |
| A:only-child | 匹配父元素仅有的一个子元素A |
| A:nth-child(n) | 匹配父元素的第n个子元素A |
| A:nth-last-child(n) | 匹配父元素的倒数第n个子元素A |
| A:first-of-type | 匹配父元素下第一个类型为A的子元素 |
| A:last-of-type | 匹配父元素下的所有E子元素中的倒数第一个 |
| A:only-of-type | 匹配父元素的所有子元素中唯一的那个子元素A |
| A:nth-of-type(n) | 匹配父元素的第n个子元素A |
| A:nth-last-of-type(n) | 匹配父元素的倒数第n个子元素A |
| A:empty | 匹配没有任何子元素的元素A |
| A:checked | 匹配用户界面上处于选中状态的元素A。(用于input type为radio与checkbox时) |
| A:target | 匹配相关URL指向的A元素 |
注意：
A:nth-child(n)有两种特殊中的用法，里面的n可以填入odd或者even，odd代表奇数，even代表偶数。
我们一起来看看吧！
现在的n是odd我们来看看会不会把奇数的背景颜色变红呢？
成功的变红了，那么我们来看看even
我们只需将刚刚的odd改为even即可
这个选择符的功能是非常丰富的，根据这个选择符我们可以做一个跟彩虹样式的导航条
先来看看style里面的代码3n、3n+1、3n+2是什么意思，n从0开始，带入里面进行计算的话，第3,6,9个li是红色,第1,4,7,10是绿色，第2,5,8是粉色，那么让我们来看看是否符合我们的计算呢？
答对了！学会了吗？(要是还不会，那就动动小手吧)