Question

与选择img[title="test"]类似，我能以某种方式选择样式属性float设置为left的图片吗？

我想为它们设置左边距和下边距，这些边距不适用于右浮动图像。

谢谢。

Answer 1

Peter W解决方案需要像这样修复:(将~=更改为*=）

img[style*="float:left"] {
  margin: 5px 15px 0px 0px;
}

img[style*="float:right"] {
  margin: 5px 0px 0px 15px;
}

唯一的问题是它会完全匹配，因此float:right会匹配，而float: right则不会（注意额外的空间）。

我在Chrome和IE9中测试成功，但在IE 仿真模式下无效...

Answer 2

为了扩展这一点，这就是我一直在使用的所有图像。它捕获浮动以及对齐的图像。

img[align="left"],
img[style*="float: left"],
img[style*="float:left"]{
    margin: 5px 15px 0px 0px;
}
img[align="right"],
img[style*="float: right"],
img[style*="float:right"]{
    margin: 5px 0px 0px 15px;
}

Answer 3

没有JS就不可能。但是，您可以在图像或其父母上放置一个课程并制定规则。

Answer 4

使用此：

img[style~="float:left"] {
  margin: 5px 15px 0px 0px;
}

img[style~="float:right"] {
  margin: 5px 0px 0px 15px;
}

您可以在以下某个网站上阅读有关CSS2选择器的所有内容：

CSS选择style =“float：left”的图像可能吗？

4 个答案: