针对特定图像的 CSS

Question

如果可能的话，我正在寻找一种使用 CSS 来定位特定图像的方法。

我正在运行一个 CMS，用户可以在其中上传图像并将它们放在他们的页面上。我想要一种方法来定位具有特定尺寸的图像。

所以问题是，你可以让一条 css 线以特定尺寸规范的图像或对象为目标？

我想像这样的:

img#width:400px { float :left; }

(使 400 像素宽的图像具有 float:left)

我知道我可以给图像一个类或一个 id，但是当客户在 cms 中玩耍时它会丢失。

Answer 1

img[width="400"]{
   float:left;
}

这将使属性设置为 400 的任何图像向左浮动:

<img src="image.jpg" width="400" />

注意:这仅在设置了宽度属性时才有效。如果图像是 400px 宽但没有设置宽度属性，则不会工作。