css - 针对特定图像的 CSS

Question

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

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

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

我会想象这样的事情：

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

（使 400 像素宽的图像具有浮动：左）

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

Answer 1

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

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

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

注意：这仅在设置了宽度属性时才有效。如果图像为 400 像素宽但未设置宽度属性，则无法使用。

Answer 2

根据规范，这应该可以

img[width=400]

但我没试过