CSS选择样式为“的图像”；浮动：左“；可能的

与选择

img[title=“test”]

类似，我是否可以选择样式属性为

float

设置为

left

的图像

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

---

谢谢。

没有JS是不可能的。不过，您可以在图像或其父对象上设置一个类并制定规则。

使用以下方法：

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

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

您可以在以下网站之一阅读有关CSS2选择器的所有信息：

---

Peter W解决方案需要这样修复：（将

~=

更改为

*=

）

唯一的问题是它进行了精确匹配，因此

float:right

将匹配，而

float:right

不会匹配（请注意额外的空格）

---

我在Chrome和IE9上测试成功，但在IE仿真模式下不起作用…

仅对此进行一点扩展，这就是我一直在使用的所有图像。它捕捉浮动以及对齐的图像

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;
}

---

是什么将它们设置为浮动：左？这难道不能将左边和底部的边距设置为0吗？这是一个CMS界面，用于这样做，对一些用户来说，设置边距有点复杂。另外，CMS接口仅允许设置水平。和垂直。同时，利润率也在上升。所以不是每个都是两个两个。它们是由用户通过CMS放置的图像。如果浮动不在CSS文件和内联样式标记中，这将起作用。如果它在CSS文件中，您可以编辑类，并且可能不需要这些问题。没问题。我喜欢它背后的想法，但一开始并不奏效。我想其他人可能不会花那么多时间来调试它……这是最好的通用解决方案，非常适合于具有WYSIWYG内联图像的CMS系统。内联样式和CSS压缩（例如打开Drupal的“聚合和压缩CSS文件”）可能会有点危险。空间将从第一条规则中删除，实质上是复制规则。用户在内容体中添加的任何内联样式如果有空间，将不再匹配，您对此无能为力。删除空白实际上是Drupal CSS压缩器中的一个错误。我在D7中为它写了一个补丁，D8目前正在开发中。这对来自样式表的CSS有效吗？还是仅仅是内联的？这对排版样式设计非常有用！

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;
}