HTML 標簽雙 Class 衝突？CSS 級聯規則決定勝負

<div class="tb tab"> 同時套用 .tb 和 .tab，當兩個類定義同一屬性（如 color）時，誰生效？

核心規則：樣式表中後聲明者勝

.tb { color: red; }
.tab { color: green; }  /* 寫在後面，生效 */

結果：文字顯示綠色。若調換順序，則顯示紅色。

為什麼不是「類名順序」？

HTML 中 class="tb tab" 與 class="tab tb" 完全等價，瀏覽器解析時不保留類名順序。優先級完全取決於 CSS 文件中規則的書寫順序（同層級、同權重下）。