在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>
运行效果