2012-02-09 11 views
0

私は改善しようとしている奇妙な状況があります。私は私のウェブページ上では上手く表示されるが、他人には表示されないHTMLコンテンツを持っている。私は自分のページにスタイルを定義します。これは幅を制限するために<img>タグに適用され、うまくいきます。スタイルが存在しないときのインラインCSSの使用

<img>タグでインラインCSSを使用することを基本的には「ヘイ、指定したスタイルが存在しない場合は、これを代わりに行う」としたいと思います。それを行う方法はありますか?

(興味がある人のために、これは他の場所で再発行することができ、コンテンツのためである、と私は他のページでCSSを制御することはできません)

更新

パーフェクト、 !importantルールはまさに私が必要としたものでした。答えた人のおかげです。

+0

コードを入力してください。 –

答えて

2

CSS:

img { 
    border: solid 2px red !important; 
} 

HTML:スタイルシートが存在しない場合を除き、それが青色にデフォルト設定されますとき

<img style="border: solid 2px blue;"> 

IMGの境界線の色は、赤色であろう。

例を参照してください、重要に(自分のスタイルシートで)既定のスタイルを設定しhttp://jsfiddle.net/GyR6N/

1

その場合には、そのよう:

img { 
    border: 3px solid black !important; 
} 

そして、あなたのカスタムインラインスタイルを適用します。

<img src="foobar" style="border: 1px solid blue;"> 

あなたのスタイルシートはそれを上書きしますが、別のウェブサイトには存在しないので、代わりにインラインスタイルを使用します(当然のことながら、重要なルールをあなたのものよりも優先させてください!)

1

あなたのCSSで!重要なタグをチェックしたいスタイルを定義し、イメージタグにインラインスタイルを追加します。スタイルが利用可能な場合、!importantタグはイメージのインラインスタイルより優先されます。

img.red 
{ 
    background:red !important; 
} 

<img class="" style="background:blue;" src="" alt="" /> 
<img class="red" style="background:blue;" src="" alt="" /> 

画像に「赤い」クラスがない限り、画像の青い背景が使用されます。

関連する問題