1、選擇后代

? ? ? 可以用選擇器1 選擇器2（中間用空格分隔）來表達，也可以在大括號里通過包含關系來表達

? ? ? 舉例 .a .b

? ? ? ?舉例.a {

? ? ? ? ? ? ? ?.b{}

? ? ? ? ? ? ? ? ? }

? ? ? ? 注意css本身并不支持嵌套的寫法，是scss等提供的擴展能力。

2、選擇直系后代

? ? ? 選擇器1 > 選擇器2（中間用>分隔）

? ? ? 舉例 .a > .b

3、選擇直接相鄰兄弟

? ? ??選擇器1 + 選擇器2（中間用+分隔）

? ? ??舉例 .a +?.b

4、選擇所有相鄰兄弟

? 選擇器1 ~ 選擇器2（中間用~分隔）

? ? ??舉例 .a ~?.b

6、同時給多個賦值

? ?選擇器1 ,?選擇器2（中間用,分隔）

? ?舉例 .a ,.b

7、選擇具有某種屬性的元素

? ? ?[attr=value]

? ? ?舉例：input[type="text"]

8、否定選擇器

? ? ?:not()

? ? ? 舉例::not(button)