多class應用同一個元素時,後聲明的class規則將覆蓋先聲明的

如題,看例子:

<p class="style2 style1">Here gose the content....</p>


css文件中:

.style1 { color: red;}

.style1 { color: blue;}


我原以爲style1後添加, 最終應該應用的是style1的樣式,即字體顯示爲紅色。 可實際上卻是顯示了藍色。

如此,只能說明 瀏覽器解析樣式時 是按規則在樣式表中的聲明順序,而非添加到元素上的順序。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章