CSS3 选择器

关系选择器

后代选择器（E F）

后代选择器定位作为元素E的后代（子，孙子，曾孙等）的任何元素F。

子代选择器（E>F）

匹配作为元素E的直接子元素的任何元素F——将忽略任何进一步嵌套的元素。

相邻兄弟选择器（E+F）

匹配与E具有相同父元素并在标记中紧挨着E之后的任何元素F。

一般兄弟选择器（E~F）

匹配与任何E元素具有相同父元素且在标记中位于它之后的任何元素F。

注意：没有反向选择器

属性选择器

E[attr]：将具有属性attr的任何元素E相匹配。

E[attr=val]：将具有属性attr的任何元素E与区分大小写的值val准确匹配。                       

E[attr|=val]：匹配器属性attr具有值val

E[attr~=val]：匹配其属性attr的值中包含两边有空格的完整单词val的任何元素E。

E[attr^=val]:匹配其属性attr以及值val开头的任何元素E。

E[attr$=val]：匹配其属性attr以val结束的任何属性E。

E[attr*=val]：匹配其属性attr内任何位置包含val的任何元素。