浮き方によって画像の余白を変えたい。IE8 を除いて正常に動作する「contains」属性セレクターを使用しました。以下のコードを参照してください。
HTML を実際に変更することはできません (たとえば、要素を識別するクラスを追加することはできません) (Drupal 内の WYSIWYG エディターによって生成されるため)。
「float:left」をターゲットにするために使用できる代替案を誰かが提案できますか?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style type="text/css">
img[style*="float"][style*="left"]
{
margin: 40px;
background: red;
}
</style>
</head>
<body>
<img src="http://jsfiddle.net/img/logo.png" style="float:left" width="100" height="100">
</body>
</html>
(私もjsfiddleを作成しましたが、jsFiddleはIE8に問題があるようです:http://jsfiddle.net/spiderplant0/FAxmp/)