關鍵字::類名樣式優先順序。
當 HTML 元素節點上有多個類名,並且存在與這些類名對應的衝突樣式時,CSS 呈現優先順序遵循以下規則:
內聯樣式具有最高優先順序。 如果在元素節點的 style 屬性中定義了內聯樣式,則它將覆蓋所有其他樣式規則。 如果多個類名的樣式規則具有相同的優先順序,則將按照它們在 HTML 文件中出現的順序應用該規則。 稍後顯示的樣式規則將覆蓋之前顯示的規則。 如果不同類名的樣式規則具有不同的優先順序,則選擇器的權重將決定要應用的樣式規則。 選擇器的權重由選擇器的型別、選擇器的組合以及使用的選擇器數量等因素決定。 一般來說,id選擇器的權重最高,其次是類選擇器和屬性選擇器,最後是元素選擇器和偽類選擇器。 綜上所述,多個類名對應的樣式呈現優先順序主要受樣式規則的具體定義和選擇器權重的影響。 如果樣式規則具有相同的優先順序,則根據它們在 HTML 文件中的顯示順序應用它們。 如果樣式規則具有不同的優先順序,則選擇器的權重將決定應用哪些樣式規則。