HTML中基本选择器

三大基本选择器

1、标签选择器：使用标签名称作为选择器选中标签设置样式。

特点： 可以选中多个标签，给一堆标签同时设置样式

2、类型选择器：在标签中利用class属性设置在样式表中 .类型名{设置样式}

特点：相当于给标签起了一个别名可以重名。也可以有多个名称

3、ID选择器：标签中利用ID属性进行设置，在样式表中， #ID{设置样式}

特点：一个标签有且只有一个ID，且不能重名，前端规范要求，不允许使用ID选择器来设置样式，原因：优先级太高， 不方便其他样式的叠加。

1、三大基本选择器优先级

id>class>标签

2、样式设置不生效的三大原因

a.设置的样式被其他样式叠加

设置的样式优先级没有其他样式优先级高

b.样式属性名写错

unknow property name

（浏览器错误提示）

Invalid property value

（浏览器错误提示）

c.样式表中选择器标识符写错

样式表中选择器之间不能有其他字符，

如果有，该字符将向下与相邻的选择器构成新的选择器，导致选不中。

检查方法：在谷歌浏览器的控制台中，选中该标签，查看styles里面的

选择器，查看那个选择器不存在，那么是该选择器标识符

写法出错。