css选择器 ， 权重
css选择器
选择器的权重
在css中，那个选择器的权重高，就走谁的样式
标签选择器的权重是1
class选择器的权重是10
id选择器的权重是100
行间样式的权重是1000
带有关键字！important 的 css 属性 权重无穷大
例子：p{
background: red!important;
}
权重的计算
将选择器上面的权重进行叠加后的总和就是该选择器的权重
例子：
#auc .a p{
background-color：red；
} （总权重是：#auc .a p）
权重计算的规则
内联样式，如：style+“.....”权值为1000
id选择器，如：#content，权值为0100
类，伪类，属性选择器，如content，权值为0010
类型选择器，，伪类选择器，如div p，权值为0001
继承的样式没有权值
权重相等的时候，后面的会覆盖前面的
例子：
<style type="text/css">
p .noa{
background-color: red;
}
.nva span{
background-color: aqua;
}
</style>
</head>
<body>
<p>
<span>
hello
</span>
</p>
</body>
css选择器的种类
标签 权重是0001
类class 权重是0010 相等于255个标签选择器
id 权重是0100 相当于255个类
*通配符 代表所有的标签权重是0000
后代选择器 a p 权重是累加0011
子代选择器 .a>p 权重是0011
交集选择器 .a#div
p.a{
background：red；
}
并集选择器 .a,.d
.b .a{
background: red;
}
css的几种形式
1.行间样式 将 style 写在标签内的充当标签标签属性
例子：
<div>adf</div>
2.行内样式
例子：<style>
.div{
background-color: red;
}
.a{
background-color：red；
}
</style>
3.外联样式
例子：
<link type="text/css" href=""/>
css选择器的两大特性
1.继承性
继承性就是所有跟文本字体有关的属性都会被子元素继承。且权重为0000
2.层叠性
层叠性就是解决选择器权重大小的一种能力，就是看那个选择器的权重大。谁的权重大听谁的。
0010 相当于255个0001
css选择器 ， 权重
温馨提示: 本文由Jm博客推荐，转载请保留链接: https://www.jmwww.net/file/web/43097.html
![[转]Node.js中package.json中^和~的区别](/uploads/allimg/200519/054J34453_lit.png "[转]Node.js中package.json中^和~的区别")