0

すべての画像のスタイルを定義しました：

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

別の画像セットを別の方法でスタイルしたいと思います。私は彼らのためにクラスを作成しました：

.radius {
    border-radius: 10px;
}

ただし、対象の画像は変わらないようです。私が理解しているように、クラスセレクターは要素セレクターよりも優先度が高くなります。私が間違っている提案はありますか？

4

1 に答える 1

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;
}

SMの良い記事はこちら

于 2013-04-02T13:39:11.250 に答える