css - CSSスタイルを特定のスタイルの要素に設定する

Question

<img src="" style="float:left">コンテンツに、またはのようなプリセットスタイルの画像がたくさんあります<img src="" style="float:right">

浮き方によってマージンを変えたいと思います。プリセットスタイルの画像にCSSスタイルを設定することはできますか？

ありがとう！

score 2 · Accepted Answer

厳密に言えば、あなたが求めている（CSS3）セレクターは、属性にセレクターが含まれていることです。

img[style*="float:left;"] { margin: ; }
img[style*="float:right;"] { margin: ; }

リスター氏の回答とは異なり、要素に他のインラインスタイルがある場合でも機能します。そうは言っても、クラスを使用してマージンをそのように適用するというLolleroの答えの方がはるかに好きです。100％ブラウザ互換になります！

score 1 · Accepted Answer

なぜそんな風にやりたいのかわからないので、これを提案します。

HTML：

<img class="left" src="http://lorempixel.com/g/200/100/" alt="" />
<img class="right" src="http://lorempixel.com/g/200/100/" alt="" />

CSS：

.left {
    float: left;
    margin-left: 30px;
}
.right {
    float: right;
    margin-right: 30px;
}

score 0 · Accepted Answer

"float:left"はい、スタイルが他のプロパティやコロンの周りの空白を含まない場合に限りimg[style='float:left']、CSSに書き込むことができます。

style属性に他のものも含めることができる場合は、Javascriptを使用してプロパティを追加することをお勧めします。（確認してください.. .style.float）

編集：そしてPekkaが言うように、CSSはすべてのブラウザで機能するわけではありません。たぶん、画像にクラスを追加する方が良いアイデアです！

3 に答える 3