【无标题】选择器

元素选择器:

作用：通过元素选择器可以选择页面中的所有元素
语法：标签名{ }

p{
  color:red;
  font-size:40px;
} 

ID选择器：
作用：通过元素ID属性值选中唯一的一个元素。
语法：#id属性值{ }

如下：选中ID为p1的元素

#p1{       /*选中ID为p1的元素*/
  color:red;
  font-size:40px;
 } 

类选择器：
作用：痛过元素的class属性值选中一组元素（class属性和ID属性类似，只是class属性可以重复，不同的元素可以拥有相同的属性值；一个元素也可以有多个class属性，用空格隔开。）
语法：.class属性值{ }

选中class属性为p2的元素

   .p2{       
    color:red;
    font-size:40px;
   }

选择器分组（并集选择器）：
作用：通过选择器分组可以同时选中多个选择器对应的元素。
语法：选择器1，选择器2，选择器N{ }

选中ID为p1，class属性值为p2，以及所有的h1元素。

   #p1,.p2,h1{       
    color:red;
    font-size:40px;
   }

通配选择器：
作用：可以用来选中页面中所有的元素
语法：*{ }

如下：选中所有元素

   *{       
    color:red;
    font-size:40px;
   }

复合选择器（交集选择器）
作用：可以选中同时满足多个选择器的元素。
语法：选择器1选择器2选择器N{ }

选中一个class属性值是p2且是span的元素

   span.p2{       
    color:red;
    font-size:40px;
   }