权重：
内联样式 1,0,0,0
id选择器 0,1,0,0
类和伪类选择器 0,0,1,0
元素选择器 0,0,0,1
通配选择器 0,0,0,0
继承样式 没有优先级
注意：
1.相加计算，值越高优先级越高
2.累加不会超过最大的数量级（类选择器再高也超不过id）
3.相加后优先级相同，优先选靠下的样式
4.后面加!important,成为最高优先级，甚至超过内联（开发中尽量不用）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
#box1{
color: blue !important;
}
div#box1{
color: blueviolet;
}
.red{
color: chartreuse;
}
div,p,span{
color: cornsilk;
}
/*
权重：
内联样式 1,0,0,0
id选择器 0,1,0,0
类和伪类选择器 0,0,1,0
元素选择器 0,0,0,1
通配选择器 0,0,0,0
继承样式 没有优先级
1.相加计算，值越高优先级越高
2.累加不会超过最大的数量级（类选择器再高也超不过id）
3.相加后优先级相同，优先选靠下的样式
4.后面加!important,成为最高优先级，甚至超过内联（开发中尽量不用）
*/
</style>
</head>
<body>
<div id="box1" class="red">我是一个div</div>
</body>
</html>
2203
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
