伪类选择器
伪类选择器
伪元素选择器
结构选择器
UI元素状态伪类选择器
否定伪类选择器
层级选择器
E>F 子选择器，
只选择父元素E下的子元素，如下的选择div下的span,结果选择到AAAA，并没有选择到 段落二 ，这是因为 段落二不是div的子元素，而是子元素 p 的子元素
E+F 兄弟选择器
E+F兄弟选择器，样式只会在F兄弟上显示，也就是跟E紧邻的下面一个兄弟才会显示出设置的样式；当E元素最紧临的下面的兄弟元素不是要找的F元素，设置的样式就会没人认领，如下的 i+span ,由于i 元素最紧临的下一个兄弟元素是 br，不是span，所以设置的字体为红色没人认领这个样式。而 span+p 找到的是
段落二
，可以看到结果段落二变成了粉色，这是因为css的继承性。子元素会把父元素的一些属性样式继承过来，具体可参考 css的三大特性E~F 通用选择器
与E+F不同的是，只要是E元素下面的兄弟F元素，不管距离远近，样式都会相应显示