开发指南115-CSS中选择器关系

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)