3

浮き方によって画像の余白を変えたい。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/

4

1 に答える 1