CSS选择器

1.  元素选择器
            作用：根据标签名来选中指定的元素
            语法：标签名
            例子：p{} div{} span{}

2. id选择器
            作用：根据元素的id属性值，选中一个元素
            语法：#id
        例子： #p1{}  #box{}

3. 选择器分组(并集选择器)：
            作用：可以同时为多个选择器设置同样的样式
            语法：选择器1, 选择器,...选择器N
         例子：#p2, div, span {}

4.类选择器
              作用：根据元素的class属性选中元素
              语法：.class
          例子：.p1{} .box{}

5. 通配选择器
                作用：选中页面中的所有元素
                语法：*

6.交集选择器
                作用：选中同时符合多个选择器的元素
                语法：选择器1选择器2...选择器N
                例子：
                div.box{}

7.后代元素选择器
            作用：选中指定元素的指定后代
            语法：祖先 后代{}
            例子： div span{}

8. 子元素选择器
                作用：选中指定父元素的指定子元素
                语法：父元素 > 子元素

9.兄弟元素选择器
            作用：选中指定的元素的兄弟元素
        语法：兄 + 弟 {}
            选择紧随其后的一个兄弟元素
        语法：兄 ~ 弟 {}
             选择其后边所有兄弟元素