html中css选择器的权重
css选择器
选择器的权重
在css选择器中哪个选择器的权重⾼就⾛谁的样式。
标签选择器的权重是1
class选择器的权重是10
ID选择器的权重是100
⾏间样式的权重是1000
带有关键字 !important 的css属性权重是⽆穷⼤
p{
background:bule !important;
}
将选择器上⾯的权重进⾏叠加，叠加后的总和就是该选择器的权重
权重的计算规则
1、内敛样式，如 ，权值为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>
css 属性选择器
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

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。