<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!-- 1.相同样式优先级:设置相同样式时，后面优先级较高
2.内部样式与外部样式：设置相同样式时，后面优先级较高
3。单一样式优先级：
style行间 > id > class > tag(标签) > * >继承（body）
注：style行间 权重 1000
id 权重100
class 10
tag 1
-->
<style>
p{
color: #0000FF;
}
p{
color: red;
}
h1{
color: #0000FF;
}
#id{
color: #0000FF;
}
.class{
color: #00FFFF;
}
h2{
color: #FF0000;
}
*{
color: brown;
}
body{
color: cadetblue;
}
</style>
</head>
<body>
<p>1.相同样式优先级</p>
<h1 style="color: red;">2.内部样式与外部样式</h1>
<h2 id="id" class="class">3.单一样式优先级</h2>
<h3 id="id" style="color: #00FFFF;">4.style优先级第一</h3>
</body>
</html>