css - 排除特定样式

Question

我为所有图像定义了一种样式：

img {
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
}

我想以不同的方式设置另一组图像的样式。我为他们创建了一个类：

.radius {
    border-radius: 10px;
}

但是，它似乎并没有改变目标图像。据我了解，类选择器的优先级高于元素选择器。有什么建议我哪里出错了吗？

Answer 1

看看http://www.w3.org/TR/css3-selectors/#specificity

A selector's specificity is calculated as follows:

- count the number of ID selectors in the selector (= a)
- count the number of class selectors, attributes selectors, and pseudo-classes in the selector (= b)
- count the number of type selectors and pseudo-elements in the selector (= c)
- ignore the universal selector

例如，您可以使用 tag + class 来增加您的特异性

img.radius {
     border-radius: 10px;
}

这是来自 SM 的一篇好文章