CSS 优先级:为什么内联样式被覆盖
在 CSS 中,样式根据其规则的优先级应用于元素。当多个规则针对同一元素时,优先级最高的规则将生效。
在提供的示例中,您有一个内联样式,为右列表格中的 td 元素设置 padding-left: 10px ID。但是,引用样式表中的样式将 .rightColumn 类中的所有元素的边距和填充设置为 0。问题是引用样式表中的样式具有更高的优先级,导致内联样式被覆盖。
计算特异性
CSS 优先级由规则。特异性根据以下标准计算:
例如,带有选择器 .rightColumn * 的规则的特异性为 0010 (a = 0, b = 0, c = 1, d = 0),而带有选择器 td 的规则特异性为 0001(a = 0、b = 0、c = 0、d = 1)。由于 0010 大于 0001,因此引用的样式表中的规则具有更高的优先级。
解决问题
要解决此问题并应用内联样式,您可以两个选项:
免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。
Copyright© 2022 湘ICP备2022001581号-3