CSS应用于被全局css属性覆盖的元素

Question

我在图片上设置宽度：

<img class="someImageClass" src="someImage.jpg">

我使用以下css样式：

.someImageClass {
  max-width: 30px;
}

但我也有图像的全局css风格：

img {
  max-width: 100%;
}

someImageClass样式中的max-width被全局覆盖，我不明白为什么。如果我直接在元素上应用css类，它应该优先于任何全局样式。

Answer 1

试

img.someImageClass {
    max-width: 30px;
}

在某处使用img.className必须有另一条规则。但在正常情况下，您可以计算CSS规则的特殊性。如何解释https://www.w3.org/wiki/Inheritance_and_cascade#Specificity

Answer 2

您是否了解术语important？

.someImageClass {
    max-width: 30px !important;
}