style、id、class和*的优先级_class和style属性的优秀级?-CSDN博客

源代码：
<title>优先级</title>
<style type="text/css">
* { color:red;}
body { color:green;}
#id { color:yellow;}
.class { color:blue;}
</style>
</head>
<body>
我是绿色的,我本身的Style为body定义的Style，如果去掉body的样式，我显示红色
<div>
我是红色的,我本身无Style，我显示红色
</div>
<div id="id" class="class" style="color: gray">
我是灰色,我有我自己的Style,不受父元素影响( style 优先于其他,与顺序无关)
</div>
<div class="class" id="id" style="color: gray">
我是灰色,我有我自己的Style,不受父元素影响( style 优先于其他,与顺序无关)
</div>
<div style="color: gray;" id="id" class="class">
我是灰色,我有我自己的Style,不受父元素影响( style 优先于其他,与顺序无关)
</div>
<div id="id" class="class">
我是黄色,我有我自己的Style,不受父元素影响 ( id 优先于 class,与顺序无关)
</div>
<div class="class" id="id">
我是黄色,我有我自己的Style,不受父元素影响 ( id 优先于 class,与顺序无关)
</div>
<p>Style > ID > Class > *</p>
</body>