选择器的组合是将多个不同形式的选择器组合起来以确定所选元素。 ## 14.7.1.E.className 举例： ``` div.c1{ .... } p.cc2{ .... } ``` 注意：他们是“紧挨在一起的”！ 否则就成为了后代选择器了。 ## 14.7.2.E#id ``` div#id1{ ... } p#id2{ ... } ``` ## 14.7.3.E[属性选择器] ``` [src] //找所有有src属性的标签 img[src] //找img标签并且有src属性 img[src*=”dog”] 找img标签并且有src属性并且属性中包含“dog”这个字符！ ## 14.7.4.并集选择器：S1, S2 ``` ``` 两个选择器，可以使用一个英文逗号（,）连接起来。 表示这两个选择器，都使用同样一个样式设定（属性设定）。 ``` 比如： ``` p, div{ ... } #price, .addr{ ... } p.cc, .cc, div .cc2{ ... } ``` ## 14.7.5.更复杂的选择器组合举例 ``` #main .container div { .... } #main .box>p[align=”center”] { .... } table#m2 div .box2 p:nth-child(2) { .... } div#m1 .box1 div input[type=’text’]:focus { .... } ```