常用的选择器

1.基础选择器：单个选择器构成的

标签选择器

hello
hello
hello
hello
hello
hello

优点：能快速为页面中同类型的标签统一样式，同时这也是他的缺点，不能设计差异化样式。

类选择器

hello
hello

优点：可以为元素对象定义单独或相同的样式，而且多个标记可以使用同一个类名，可以实现为不同类型的标记指定相同的样式。

同时，一个HTML元素也可以应用多个class类，设置多个样式，此时多个类名之间需要用空格隔开。

id选择器

hello
hello

注意：大多数HTML元素都可以定义id属性，元素的id值是唯一的，只能对应于文档中某一个具体的元素。

通配符选择器

//例子一


hello
hello

//例子二

//使用该选择器定义样式，清除所有HTML标记的默认边距。常用来清除浏览器的默认样式

hello
hello

        实际开发中不建议使用通配符选择器，因为它设置的样式对所有的HTML标记都生效，不管标记是否需要该样式，反而降低了代码的执行速度。

2.复合选择器：把多种基础选择器综合起来

后代选择器

    
aaa
    
aaa
    
aaa



    
aaa
    
aaa
    
aaa



    
aaa
    
aaa
    
aaa

注意：
1、后代包括儿子，孙子，只要是放在指定标签的后代都是。
2、也可以用id和class名，分别用id和class来选择。
3、后代选择器可以无限衍生。

子选择器

  
aaa
  
aaa
  
aaa



  
aaa
  
aaa
  
aaa



  
aaa
  
aaa
  
aaa

注意：
1、只会查找儿子，不会查找其他被嵌套的标签。
2、子元素选择器也可以用其他的id和class选择器来进行查找。

3、子元素选择器也可以通过>符号一直延续下去。

并集选择器

水果

榴莲


  
苹果
  
香蕉
  
火龙果

同时针对多个元素，设置相同的样式。与后代选择器相似，注意加逗号

伪类选择器

这是一个链接

CSS提供了五种基本伪类选择器，分别对应HTML标记的五种状态。