关键字::类名样式优先级。
当 HTML 元素节点上有多个类名,并且存在与这些类名对应的冲突样式时,CSS 呈现优先级遵循以下规则:
内联样式具有最高优先级。 如果在元素节点的 style 属性中定义了内联样式,则它将覆盖所有其他样式规则。 如果多个类名的样式规则具有相同的优先级,则将按照它们在 HTML 文档中出现的顺序应用该规则。 稍后显示的样式规则将覆盖之前显示的规则。 如果不同类名的样式规则具有不同的优先级,则选择器的权重将决定要应用的样式规则。 选择器的权重由选择器的类型、选择器的组合以及使用的选择器数量等因素决定。 一般来说,id选择器的权重最高,其次是类选择器和属性选择器,最后是元素选择器和伪类选择器。 综上所述,多个类名对应的样式呈现优先级主要受样式规则的具体定义和选择器权重的影响。 如果样式规则具有相同的优先级,则根据它们在 HTML 文档中的显示顺序应用它们。 如果样式规则具有不同的优先级,则选择器的权重将决定应用哪些样式规则。