css的选择器

1. css中有选择器，我的理解是 通过选择不同的标签来达到，对HTML中的文本以及图片等的定制 
2. 分类：

                1.标签选择器

                2.类选择器

                3.ID选择器

                4.子选择器与后代选择器（包含选择器）

                5.通用选择器

                6.伪类选择器

                7.分组选择器

3.        标签选择器：     

                                  实例：h1{  属性：值 }    

                                  其实就是HTML中的标签再加上{属性：值}，仅仅只能用于设置标签的属性，但要注意的是它会把   所有 带有这个标签的内容都改变成你设置的样子；

    4.           类选择器

                                   实例：.name{  属性：value}

                                                <span  class="name">  在标签内部用class="  name  "就可以把标签内的内容改变样式了（name可以自己随意设定，建议尽量有意义） </span>

    5.           ID选择器

                                   实例： #name{属性：value}

                                                   <span  id="name">  在标签内部用id="  name  "就可以把标签内的内容改变样式了（name可以自己随意设定，建议尽量有意义） </span>

                  这里在比较下ID选择器与类选择器： ID选择器的name只能出现一次，类选择器的name可以出现多次

    6.    子代选择器和后代选择器（包含选择器）

     子代选择器：只需在以上选择器等的name加上 “  >  标签  ” ，就可以把用选择器的标签的里面一层的“标签”的样式改变（注意：需要用 子代选择器的标签的里面一层有“标签”，且有几个标签就改变几个）

                                 实例：.first>span{color:red;}

      后代选择器：只需在以上选择器等的name加上 “  >  标签  ” ，且没有子代选择器的只能在里面一层的限制，即无论用选择器的标签的内部到底第几层才有“标签”，都可以改变样式；

                                  实例： .first span{color:red;}

    7.通用选择器

                                 实例：*name{属性：value}

                                 这样就会把HTML全都变成一个样式（类似于全局变量的）

    8.分组选择器

                              h1,.name1,#name2，.name3 span,#name>div{属性：value}      

                             简单说就是在不同的标签之间加个   ，就可以实现一次定义多个不同类型属性一样的选择器；