你先义了一个样式
.master_title { display: block; float: left; text-align: left; width: auto; }
你再定义样式:
.master_title_title { width: 100%; height: 150px; font-family: 微软雅黑; font-size: 20px; line-height: 150px; background-color: #808080; }
你想使用后来定义的样式:
<div class = "master_title_title">我要使用新样式</div>
不好意思,你会发现样式根本不起作用
是不是bug我不知道,我把master_title_title 改成别的名字就行了,所以我总结为新定义的样式的前面一部分不能与另一个样式名相同
记得有这么一回事,两种定义方法:
#id_a .class_b{....}
#id_a.class_b{....}
上面中间有空格,应该这么用:
<div id="id_a">
<div class="class_b"><div>
</div>
而下面没有空格,应该这么用
<div id="id_a" class="class_b"></div>
这个规则住好就好,如果你的样式不启作用了,可以考虑一下这方面的原因或者是优先级的原因