前端基础之四选择器分类

1、元素选择器：

可以选中页面中所有指定的元素，语法：标签名｛｝，如   p｛｝

2、ID选择器

可以根据id的属性值选中一个元素。语法：#id属性值｛｝，如   #p1｛｝

3、类选择器：

   我们还可以为标签指定一个class属性，class属性用来为标签分类，class属性和id类似，但是class属性在页面中可以设置多个元素。

    类选择器可以根据class属性，选取一组拥有相同class属性值的元素。语法：  .class属性值｛｝，如  .class｛｝

我们还可以为一个元素设置多个class，多个class之间用空格分开。<p class="p2 p3"></p>    

4、选择器分组

我们可以同时选中符合多个选择器的元素，多个选择器之间使用逗号隔开。语法： 选择器1，选择器2，...选择器3｛｝。如  p,span,#p1,.p2｛｝

5、通配符选择器，可以选中页面中的所有元素，但是尽量不要使用，因为*性能较差。语法：*｛｝

6、复合选择器

可以为一个选择器设置多个条件，只会选中多个条件同时符合的元素。语法：选择器1选择器2，如   div.box｛｝。