css学习——标签选择器，id选择器，类选择器，后代选择器

1.标签选择器：根据指定的标签名称，在当前界面中找到所有该名称的标签，然后设置属性

 格式：标签名称

            {

               属性名称：属性值

            }

 注意点：标签选择器选中的是当前页面所有的该名称的标签

2.id选择器：根据指定的id找到对应的标签，然后设置属性

 格式：#id名称{

            属性名称：属性值

             }

 注意点：

 * 每一个html标签都有id属性

 * 同一个界面中id名称不可以重复

 * 编写id选择器时要加#，否则无效

 * id的名称只能由字母、数字、下划线组成，不能以数字开头，不能是标签名称，企业中，如果仅仅设置样式，不会使用id，一般是给js用的

3.类选择器：根据指定的类名称找到对应的标签，然后设置属性

 格式：. 类名称{

            属性名称：属性值

            }

注意点：

 * 每一个html标签都有class属性

 * 同一个界面中class名称可以重复

 * 编写类选择器时要加.，否则无效

 * class 名称只能由字母、数字、下划线组成，不能以数字开头，不能是标签名称，专门给css使用

 * 在html中内一个标签可以同时绑定多个类名称 <p class="one two">哈哈哈哈</p>

 * 企业开发中，一般要将公共的代码抽取到一个类中，然后将类与标签关联

4.后代选择器：找到指定标签的所有后代标签，设置属性

 格式：标签名称1 标签名称2{

                  属性名称：属性值

              }

 含义：先找到标签名称1，然后在标签名称1之下查找所有名称为标签名称2的标签，然后设置属性，空格代表找标签1的后代

 注意点：

 * 后代选择器必须用空格隔开

 * 后代不一定是儿子，包括孙子等，只要是放到指定标签中的都是后代

 * 后代选择器不仅仅可以使用标签名称，还可以使用其他选择项，比如类名，id名称等

 * 可以用类名称与类名称的组合，id名称和id名称的组合，标签名称和类名称的组合等等

     #类名1 类名2{

             属性名称：属性值

     }

    . id名称1 id名称2{

             属性名称：属性值；

      }

 *后代选择器 可以无限的往下延伸

  名称1 名称2 名称3{

             属性名称：属性值；

   }

5.子元素选择器：