0

新しい ID CSS よりも古い CSS 行が優先されますが、<img>これを上書きするにはどうすればよいですか?

グレーバー内の画像の幅を変更しようとしていますが、新しい ID で画像の幅を変更できません。

これが私のコードです：

#greybar img {
    width: 75px;
    float: left;
    margin: 10px;  
}    

#rpmimage { 
    width: 125px;
}
4

2 に答える 2

3

CSS の仕様を調べる必要があります。つまり、異なるセレクターは異なるスコアを取得します。

ID は 100 の価値があり、クラスは 10 の価値があり、タグセレクターは 1 の価値があります。

つまり、これは#greybar img101 の価値があるのに対し、#rpmimageは 100 の価値があることを意味します。したがって、最初の 1 つが「勝ち」ます。

多くの人は、CSS に ID を使用しないこと、および必要に応じてセレクターを過度に修飾しないことを推奨しています。

あなたの場合は、#rpmimage img代わりに試してみるか、この新しい知識で何をしているのかを考え直してください!

インライン スタイルの使用 (次に問題が発生したときに覚えているように) や、!important. つまり!important、次にこの問題が発生した場合、どこにも行くことができません。

http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/は、優れた実践方法が含まれている優れた記事であり、すべての人にとって本当に読む価値があります。

より複雑なセレクターを理解するのに役立つ優れたツールについては、http:#id:after p > img //specificity.keegan.st/ を試してください。これにより、セレクターの特異性などをテストできます。

于 2013-03-12T16:21:59.687 に答える
-2

少なくとも手早く汚いトリックとして、インライン スタイルを実行できるはずだと思います。

例えば：

<img style="width:75px;" ... >
于 2013-03-12T16:20:49.177 に答える