ID、Class和标签选择器优先级

按一般论：
ID > Class > 标签

1.如以下样式：

 <div id="id" class="class">选择器优先权</div>

 #id{color:#aaa;}

 .class{color:#bbb;}

 div{color:#ccc;}

这里，最后输出的结果为 #aaa;

2.如果把选择器改为：

 #id{color:#aaa;}

 #id .class{color:#bbb;}

 div{color:#ccc;}

最后，这里输出的颜色为：#bbb;

3.但如果HTML改为：

 <div id="id" class="class"><b>选择器优先权</b></div>

 #id{color:#aaa;}

 .class{color:#bbb;}

 b{color:#ccc;}

这里最后输出结果即为：#ccc;

因为 #id与 .class 并没有直接作用于对象上，故最后的结果为 b 的 #ccc;

巴特西