CSS选择style ="float:left"的图像可能吗?

Fra*_*isc 15 css image css-selectors css-float

类似于选择img[title="test"]我可以选择哪种风格属性float设置为left

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

谢谢.

Omi*_*iod 30

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

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

img[style*="float:right"] {
  margin: 5px 0px 0px 15px;
}
Run Code Online (Sandbox Code Playgroud)

唯一的问题是它会完全匹配,所以float:right会匹配,而float: right不会(注意额外的空间).

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


Clo*_*ler 18

只是为了扩展这一点,这就是我一直用于我的所有图像.它捕获浮动以及对齐的图像.

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;
}
Run Code Online (Sandbox Code Playgroud)

  • 这是最好的通用解决方案,非常适合具有所见即所得内联图像的 CMS 系统。 (2认同)