Question

css div调用的问题！

css:
#a {样式1}
#a .b {样式2}
#a .b .c {样式3}
#a .b .c .b {样式4}
.b {样式5}
html:
<div id="a">
<div class="b">
<div class="c">
<div class="b">
现在这样的话 这里调用的样式是"5"，那如果我把样式"5"删掉，那这里调用的样式是"2"还是"4"？
</div>
</div>
</div>
</div>
我试了下好像是样式"4"，为什么？按理说只要是在应用了样式"1"的元素的内部，任何元素都可以调用样式"2"，就算内部的内部也一样！比如我们把样式"5"删掉 再把样式"4"也删掉 那它应用的就是样式"2"，我想知道 它们之间的优先级到底是怎么样的。高手指教！
本人新手…见笑！

Answer 1

你想知道的应该是子父级继承关系，子级将会继承父级属性，同时样式表是按照顺序显示，后面的样式将覆盖前面的样式。

案例说明：比如你说的“样式5”是空的样式了，“样式1”设置文字样式为：font-family:verdana,Arial,"宋体";font-size:12px;color:#333; 那么id="a" 盒子里的所有未定义的文字都会继承这个样式(包括样式2;样式3;样式4;样式5里的)。如果给样式4从新定义文字样式为：红色字体14px加粗 font-size:14px;font-weight:bold;color:#ff0000; 那么“样式4”将覆盖父级的样式，“样式4”以下的子级将继承“样式4”定义的文字样式。

最后“样式5”的文字显示的是“样式4”的定义。如果还有不明白的留言。

Answer 2

样式是继承的；
显示样式4的位置，其实不只显示4，而是先显示2，然后又被4的样式“覆盖”，能理解么？按照样式表的顺序显示，后面的“覆盖”前面的，也就是显示样式4的位置，其实是显示了样式2的，只是执行到#a .b .c .d的时候，样式4把样式2给“覆盖”了。

Answer 3

你可以这样，理解

在一个css样式里写

width：200px；
width：500px；

起作用的将是500px； 而不是200px；

其实电脑是先读200 但后来有一个500

于是200被500取代 所以200就不起作用了

继承也一样

Answer 4

其他同学说的很好了，看楼主的理解了