我希望能够根据图片的浮动方式更改外边距。我使用了“contains”属性选择器,这个方法很好,但在IE8中不起作用。请参考下面的代码。
由于HTML是通过Drupal内部的所见即所得编辑器生成的,因此我不能真正地修改HTML(例如无法添加标识元素的类)。
有没有人可以提供替代方法来针对“float:left”?
由于HTML是通过Drupal内部的所见即所得编辑器生成的,因此我不能真正地修改HTML(例如无法添加标识元素的类)。
有没有人可以提供替代方法来针对“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,但它在 IE8 上存在问题:http://jsfiddle.net/spiderplant0/FAxmp/
img[style*=left]
进行测试。如果GC所说的是真的,那么可能会起作用。但是,如果有任何没有浮动但具有text-align:left;
的图像,则也将被选中。 - RaphaelDDL