看不懂 如何变化
important>内联>id>class = 属性 = 伪类 >标签 = 伪元素 > 通配符(*)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css3选择器优先级</title>
<style type="text/css">
#box {
color: red;
}
.dv {
color: blue;
}
div {
color: pink;
}
* {
color: deeppink;
}
</style>
</head>
<body>
<div id="box" class="dv" style="color: orange">
我是一个div
</div>
</body>
</html>
你可以看网页中显示的样式,同时设定不同的字体颜色,但是会按选择器的优先级来显示颜色
在网页代码
上面是怎么体现的啊