0

すでに条件を設定している特定の画像を除いて、 （CSSを介して）Webページ内のすべての画像に影響を与える条件を設定するにはどうすればよいですか？

例えば：

#rightMain img{
    width: 100%;
    height: 100%;
    border: 1px solid #000;
}

#rightMainこれは、 ID内のすべての画像に影響します。

でも、

img{
    height: 100%;
}

#rightMainこれはID内の画像にも影響し、画像の全体的な解像度が歪んで、不自然に見える原因になります。

#rightMainこの画像に特定のフォーマットを適用していて、変更したくないので、1つを除くすべての画像に影響を与える方法を知りたいです。#rightMaindiv内の1つの状態、および1つの状態のみに存在する必要があります。

子/親/兄弟要素などに影響を与えるdivクラス/IDを宣言していることは知っていますが、これを理解できないようです。

私の主な目的は、#rightMain宣言されたとおりに画像を維持することですが、ページ/サイトの残りの部分全体で、前述の画像を除くすべての画像に影響を与えることもできます。

どんな助けでも大歓迎です。

どうもありがとう。

4

3 に答える 3

1

高さを設定しています：両方のセレクターで100％-問題の原因となっている違いがどこにあるのかわかりませんか？

あなたがあなたの質問を明確にする前に私の頭に浮かぶ唯一のことは、持っていることです：

#rightMain img {
    width: 100%;
    height: auto; /*override height: 100%; */
    border: 1px solid #000;
}


img{
    height: 100%;
}
于 2012-06-14T15:04:19.613 に答える
1

優先順位はより具体的なCSSルールになり、同じcssルールの場合、優先順位は最後に解析されたものになります。

あなたの場合

#rightMain img{
    width: 100%;
    height: 100%;
    border: 1px solid #000;
}

より具体的です

img{
    height: 100%;
}

したがって、＃rightMain img {...}は、指定された属性をimg{...}ルールに書き換えることができます。

：not（）CSS3セレクターを使用することもできますが、すべてのブラウザーでサポートされているわけではないため危険です。詳細については、http：//kilianvalkhof.com/2008/css-xhtml/the-css3-not-を参照してください。セレクタ/

于 2012-06-14T15:13:13.410 に答える
0

html：

<img id="myid" src="somepic.png" />

css：

img#myid {
   /*apply some props to it*/
}

すべての画像に適用されるコードを記述した後、必ずこのimg＃myidセレクターを配置してください。

于 2012-06-14T15:04:18.070 に答える