css选择器1

标签选择器

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

格式：

标签名称{

                      属性：值；

                  }

注：

1.标签选择器选中的是当前界面中所有的标签，不能单独选中某一个标签

2.无论标签藏得多深都能选中

3.只要是HTML中的标签就可以作为标签选择器（h/a/img/ul/ol/dl/input·····）

id选择器

作用：根据指定的id名称找到对应的标签，然后设置属性

格式：

#id名称{

                 属性：值；

                       }

注:

1.每一个HTML标签都有一个id属性，每个标签都可以设置id

2.在同一个界面中的id属性值是不可以重复的

3.在编写id选择器时一定要在id名称前面加上#

4.id的名称有一定的规范的，只能由字母/数字/下划线组成，不能以数字开头，不能是HTML标签的名称，在开发中一般情况下仅仅为了设置样式，不会使用id，id留给js使用的

 

后代选择器

作用：找到指定标签的所有特定的后代标签，设置属性

格式：

标签名称1 标签名称2{

                                   属性：值；

                                           }

含义：先找到名称叫做标签名称1的标签，然后在这个标签下去查找所有名称叫做标签名称2的标签，然后设置属性

注：

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

2.后代不仅是下一级，也包括下多级，只要是放在指定标签中的都是后代

3.后代选择器不仅仅可以使用标签名称，还可以使用其他选择器

	子元素选择器 作用：找到指定标签中所有特定的直接子元素，然后设置属性 格式： 标签名称1>标签名称2{                                             属性：值；                                             } 注： 1.子元素选择器只会查找下一级，不会查找其他被嵌套的标签 2.子元素选择器之间需要用>符合连接，并且不能有空格 3.子元素选择器不仅仅可以使用标签名称，还可以使用其它选择器 4.子元素选择器可以通过>符号一直延续下去
			后代选择器和子元素选择器 区别： 1.后代选择器使用空格为连接符号，子元素选择器使用>为连接符号 2.后代选择器会选中指定标签中所有的特定后代标签，子元素选择器只会选中指定标签中所有的特定的直接标签 共同点： 1.都可以使用标签名称/id名称/class名称来作为选择器 2.都可以通过各自的连接符号一直延续 如何选择： 如果想选中指定标签中的所有特定的标签，使用后代选择器 如果只想选中指定标签中的所有特定的下一级标签，使用子元素选择器