HTML中当界定好几个class特性时失效的处理方式

在撰写html的全过程中,大家会常常为class特性界定好几个值,可是一样会常常发现自身界定的值失效!!!

之前碰到这类状况我就立即重新写过了,或立即用id设定css特性,今日想起来仿佛一些不对哦。。。我务必得去发现真知!!!

拷贝编码
编码以下:

<div id="p" class="middle_div padding_10">
<span id="s" class="normal_span"></span>
</div>

我在两个class里设定的色调不一样,在middle_div里设定的是鲜红色,在padding_10里设定翠绿色,

結果显示信息的是翠绿色,这给我的第1觉得便是:方位反了!

因而我把两个部位对换,還是翠绿色!!

这。。。。

难道说是???

开启css文档1看,果真padding_10在middle_div 前面,随后我把她们俩部位对换,

更新访问器,鲜红色!!!

因此呢,在界定好几个class值的情况下,1定要留意,把自身最喜爱的款式放在后边!
可是呢,假如你在padding_10前面加个div(假定父级元素是div),变为div.padding_10,随后你会发现,无论它在哪儿,大家的p div自始至终是翠绿色的,

从这个事例能够看出来,css款式的优先选择级是在载入css文档的情况下就明确下来的,而并不是由后来html里class特性部位前后左右决策的。