CSS样式优先级问题（如能正确回答，有积分奖励）

2024年11月29日 08:54

有3个网友回答

网友（1）：

设带“#”的id选择符权重为100，带“.”的类选择符权重为10，不带什么“”的选择符权重为1,；则由上至下的代码，后边写的样式权重大于等于前面写的样式时，会覆盖前面的样式。

然后按楼主的要求来分析，一共是三个样式：
#div1 td{ color:#FF0000}
#div1 .blue{color:#0000FF}
.bluecolor:#0000FF}
第一个权重为一个“#”加“” = 100+1 = 101
第二个权重为一个“#”加“.” = 100+10=110
第三个权重为一个“.”=10

则，很明显，当一二组合时，第二个可以覆盖掉第一个的样式；当一三组合时，第三个不能覆盖掉第一个样式，则两个同为红色。

如不明，再发问...

网友（2）：

#div1 td比.blue的权重更高。。所以..blue的不起作用
#div1 td和#div1 .blue权重差不多。后面的样式会替换前面的样式

网友（3）：

td
{ color:#FF0000}因为这个