设带“#”的id选择符权重为100,带“.”的类选择符权重为10,不带什么“”的选择符权重为1,;则由上至下的代码,后边写的样式权重大于等于前面写的样式时,会覆盖前面的样式。
然后按楼主的要求来分析,一共是三个样式:
#div1 td{ color:#FF0000}
#div1 .blue{color:#0000FF}
.bluecolor:#0000FF}
第一个权重为一个“#”加“” = 100+1 = 101
第二个权重为一个“#”加“.” = 100+10=110
第三个权重为一个“.”=10
则,很明显,当一二组合时,第二个可以覆盖掉第一个的样式;当一三组合时,第三个不能覆盖掉第一个样式,则两个同为红色。
如不明,再发问...
#div1 td比.blue的权重更高。。所以..blue的不起作用
#div1 td和#div1 .blue权重差不多。后面的样式会替换前面的样式
td
{ color:#FF0000}因为这个