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;

上一篇:mysql学习笔记1---mysql ERROR 1045 (28000): 错误解决办法(续:深入分析)


下一篇:Mysql错误: ERROR 1205: Lock wait timeout exceeded解决办法(MySQL锁表、事物锁表的处理方法)