CSS选择器与权重计算（详细）

目录

1.通配符选择器*：匹配html中所有元素

2.标签选择器（无论嵌套多少层都能找到）

3.id选择器（独一无二“身份证号码”）

4.类选择器（用来选择class命名的标签）

5.高级选择器

6.CSS的继承性和权重计算

---

---

在前端三大基础中，html负责结构，css负责样式，js负责行为。css写在head标签里面，容器style标签。先写选择器，然后写大括号，大括号里面是样式。常见的选择器类型有以下几种：

1.通配符选择器*：匹配html中所有元素

（注意：*的性能差，因为它要匹配所有元素，所以在开发时，不建议使用）

2.标签选择器（无论嵌套多少层都能找到）

 用标签名来当做选择器。

1） 所有标签都能够当做选择器，比如body、h1、dl、ul、span等等

2） 不管这个标签藏的多深，都能够被选择上。

3） 选择的是所有的，而不是某一个。所以是共性，而不是特性。

例如，大多数网站的a标签都设置了去掉了下划线的效果。

1     a{
2			/*去掉下划线：*/
3			text-decoration: none; 
		}

3.id选择器（独一无二“身份证号码”）

#用来选择用id命名的标签，

#id1{
font-size: 60px;
font-weight: bold;
color:black;
}

1）任何的标签都可以有id，id的命名要以字母开头，可以有数字、下划线。大小写严格区别，也就是说mm和MM是两个不同的id。

2）同一个页面内id不能重复，即使不一样的标签，也不能是相同的id。

也就是说，如果有一个p的id叫做1，这个页面内，其他所有的元素的id都不能叫做1。

4.类选择器（用来选择class命名的标签）

. 就是类的符号。类的英语叫做class。