第七十节，css选择器

css选择器

学习要点：
1.选择器总汇
2.基本选择器
3.复合选择器
4.伪元素选择器

本章主要探讨 HTML5中  CSS选择器，通过选择器定位到想要设置样式的元素。目前CSS选择器的版本已经升级至第三代，即  CSS3选择器。CSS3选择器提供了更多、更丰富的选择器方式，主要分为三大类。

一．选择器总汇

    本节课主要涉及到三种选择器：基本选择器、复合选择器和伪元素选择器，具体如下：

         选择器               　　名称                   　　　　 说明             　　　　　　     CSS版本

            *           　　　　  通用选择器         　　        选择所有元素                        2

         <type>        　　    元素选择器         　　 　　 选择指定类型的元素               1

          #<id>         　　    id选择器        　　            选择指定 id属性的元素           1

        .<class>       　　　  class选择器       　　        选择指定 class属性的元素       1

       [attr]系列         　　  属性选择器        　　         选择指定 attr属性的元素         2  ~  3

       s1,s2,s3...                分组选择器        　　         选择多个选择器的元素             1

          s1  s2        　　     后代选择器         　　         选择指定选择器的后代元素       1

         s1  >  s2       　　  子选择器        　　　　       选择指定选择器的子元素          2

         s1  +  s2    　　     相邻兄弟选择器         　　   选择指定选择器相邻的元素       2

         s1  ~  s2    　　　  普通兄弟选择器         　　　选择指定选择器后面的元素       3

      ::first-line    　　      伪元素选择器         　　      选择块级元素文本的首行          1

     ::first-letter    　　    伪元素选择器         　　      选择块级元素文本的首字母       1

        ::before       　　    伪元素选择器         　　     选择元素之前插入内容              2

         ::after       　　      伪元素选择器                    选择元素之后插入内容              2