CSS：基础选择器

今天，我们来学习css中的基础选择器，选择器是指我们需要添加样式的标签元素的模式。

1. 标签选择器
   通过标签名字直接选择相应的标签。标签是什么我们就用什么选择。
   

<style type="text/css">    p{      color: red;    }    h1{      color:green;    }</style>

标签选择器选中的页面中所有的对应标签，不管嵌套关系多复杂，都能通过标签选择器选中。实际应用中不会用来更改某一个元素的属性，一般用于初始样式的设置或者清除整体样式。

2.id选择器通过标签的id属性值来选择相应的标签。选择器书写：#开头，后面紧跟id名。中间没有任何空格。

由于id是唯一的，只能选择一个元素。

#kkk{      color: gold;    }

标签都有id属性，id命名也要遵循一定的规则：必须以字母开头（严格区分大小写，A和a表示的不一样），后面可以是数字、下划线或者横线。同一页面内不允许出现相同的id名字。

id选择器的劣势：只能选择一个id，不能批量修改样式。id常用的场景并不是用来添加样式，而是用以给js添加行为的。

3.类选择器

通过标签的class属性来选择这个标签。

选择器写法：.开头，后面class属性值，中间不能有空格。

class属性，值可以不唯一，类选择器选中的是所有相同的class名的元素

.he{      background-color: black;    }

<p class="he">这是一个段落标签</p>  <h1>这是一个标题标签</h1>  <p id=kkk>这是一个段落标签</p>  <p>这是一个段落标签</p>  <h1 class="he">这是一个标题标签</h1>

优点是：可以选择一部分标签，添加相同的样式。

一个标签的class可以有多个属性值，有多个类名。

<p class="he fs20">这是一个段落标签</p>

类选择器多用于样式，id选择器多用于行为。

4.通配符*

可以选包括body在内的所有标签。不常用，效率不高，可以清空默认样式。

*{      margin: 0;      padding: 0;    }

自己动手练习一下吧😄