新定义的样式的一部分不能与前面的样式名重复

时间:2020-12-04 05:04:26

你先义了一个样式

.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>

这个规则住好就好,如果你的样式不启作用了,可以考虑一下这方面的原因或者是优先级的原因