css类、ID和标签同时作用于一个对象时,哪一个优先级高?

2024-12-02 01:26:11
推荐回答(3个)
回答1:

按一般伦:
ID > Class > 标签

如以下样式:

HTML为:

选择器优先权


#id1{color:#f00;}
.c1{color:#0f0;}
div{color:#00f;}

这里,最后输出 的结果为 #f00;
如果把选择器改为:
#id1{color:#f00;}
#id1 .c1{color:#0f0;}
div{color:#00f;}
最后,这里输出的颜色为:#0f0;

但如果HTML改为:
选择器优先权


CSS为:
#id1{color:#f00;}
.c1{color:#0f0;}
b{color:#00f;}

这里最后输出结果即为:
#00f;

因为 #id1与 .c1 并没有直接作用于对象上,故最后的结果为 b 的 00f;

回答2:

没有哪个优先,主要是看你对应的样式哪个优先了

回答3:

楼上不要误人子弟,你的什么歪理邪说。。。。