css选择器,选择器的权重,在css中 那个选择器权重高,就走谁的样式,标签选择器的权重是1 。
标签选择器的权重是10. id选择器的权重是100. 行内样式的权重是1000. 带有关键字的!important的属性 权重是无穷大的
p{
p background:blue !important;
}
权重的计算 , 将选择器上面的权重进行叠加,叠加后的总和就是该选择器的权重。
#as .a p{
background:blue;
}
3.权重的计算规则
内联样式,如:style=“...” 权重为1000
id选择器,如#content , 权重为0100
类, 伪类,属性选择器,如,content ,权重为0010
类型选择器,伪类素选择器,如div p 权值为0001
继承的样式没有权值。
权重相等的时候,后面的回覆盖前面。
p. b{
background:#ff0000;
}
.a span{
bacground:biue;
}
css选择器的种类
标签 权重是0001
类class权重是0010 相当于255 个标签选择器
id权重是0100 相当于255个类
*通配符 代表所有的标签 权重是0000
后代选择器是 .a p 权重是累加0011
子代选择器.a>p 权重是 0011
交集选择器.a#as
p.a{
background: blue;
}
并集选择器.a,.b
.b,.a{
background:blue;
}
css的几种形式
1.行间样式 将style 写在标签的充当标签 标签属性
<div class="background:pink;color:blue;"></div>
2.行内样式
<style>
div{
background:red;
}
.a{
background:blue;
}
<style>
3.外链样式
<link red="stylesheet" href=./aa.css>
css选择器的两大特性
1.继承性 所有跟文本字体有关的属性都会被子元素继承。
2.层叠性 就是解决选择器权重大小的一种能力,就是看那个选择器的权重大,谁的权重大听谁的, 0010相当于255个0001.