在HTML中常见选择器有： 行内选择器、标签选择器、id选择器、类选择器（class）
优先级： id选择器>标签选择器 行内样式>id选择器 类选择器>标签选择器 id选择器>类选择器
* 即 行内样式（最高级）>id选择器>类选择器>标签选择器 *
例子： 类选择器与标签选择器的优先级：
<html>
<head>
<meta charset="utf-8" />
<title>HTML选择器的优先级</title>
<style type="text/css">
p{
color: green;/*绿色*/
}
.blue{
color: blue;/*蓝色*/
}
#red{
color: red;/*红色*/
}
</style>
</head>
<body>
<h3>望庐山瀑布</h3>
<p >日照香炉生紫烟，</p>
<p class="blue">遥看瀑布挂前川。</p>
<p class="blue" id="red">飞流直下三千尺，</p>
<p class="blue" id="red" style="color: black;">疑是银河落九天。</p>
</body>
</html>
运行效果
