CSS选择器

1.      元素选择器（HTML元素）

2.      通配选择器（*）

3.      类选择器（.）

class属性中可以包含多个值，也叫做多类选择器。

4.      ID选择器（#）

5.      属性选择器

有4种类型：

（1）      E[attr]

根据元素属性选择,可以多个属性-值选择器链接在一起使用E[attr1][ attr2]…

（2）      E[attr = ”value”]

根据具体属性值选择，可以多个属性-值选择器链接在一起使用E[attr1 = ”value”] [attr2 = ”value”]…。对于多类选择器，属性值中每个值必须都具备才会被选择。

（3）      E[attr ~= ”value”]

根据部分属性值选择，多类选择器中，匹配部分值完成选择。更多部分值属性选择器（也叫“字串匹配属性选择器”）如下：

E[attr ^= ”value”]

选择attr属性值以“value”开头的所有元素。

E[attr $= ”value”]

选择attr属性值以“value”结尾的所有元素。

E[attr *= ”value”]

选择attr属性值中包含字串“value”的所有元素。

（4）      E[attr |= ”value”]

选择attr属性值中等于“value”或者以 “value-”开头的所有元素。

字串匹配属性选择器最常见的用法是匹配语言值。

（以下三类描述了文档树结构）

6.      后代选择器（空格）

两个元素之间的层次间隔可以是无限的。

7.      子选择器（>）

8.      相邻选择器（+）