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

例如，您可以使用标签 + 类来增加特异性

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

Here SM的好文章