html中css选择器的权重
css选择器
选择器的权重
在css选择器中哪个选择器的权重高就走谁的样式。
标签选择器的权重是1
class选择器的权重是10
ID选择器的权重是100
行间样式的权重是1000
带有关键字 !important 的css属性 权重是无穷大
p{
background:bule !important;
}
将选择器上面的权重进行叠加，叠加后的总和就是该选择器的权重
权重的计算规则
1、内敛样式，如 style="..."，权值为1000.
2、ID选择器，如：#content，权值为0100. 相当于255个类
3、类，伪类、属性选择器，如content，权值为0010. 相当于255个选择器
4、类选择器、伪元素选择器，如div p,权值为0001。
5、继承的样式没有权值
Css选择器的种类
标签 权重是0001
类class 权重是 0010 相当于255个标签选择器
Id 权重是 0100 相当于255个类
*通配符 代表所有的标签 权重是 0000
后代选择器 .a p 权重是累加 0011
子代选择器 .a>p 权重是 0011
交集选择器.a#as
并集选择器.a,.b
权重相等的时候 后面的会覆盖前面的。
css的几种形式
1、行间样式 ：将style写在标签内充当的标签属性
2、行内样式
<style>
div{
background:red;
}
.a{
background:bule;
}
3、外联样式
<link rel="stylesheet" hred="./aa.css">
</head>
<body>
<p>hello</p>
<body>
css选择器的两大特性
1、继承性 所有跟文本字体属性有关的属性都会被子元素继承。
2、层叠性 解决选择器权重大小的一种能力，就是看哪个选器的权重大。谁的权重大听谁的。0010相当于255个0001
浙公网安备 33010602011771号