针对特定图像的CSS

针对特定图像的CSS,css,image,dimensions,targeting,Css,Image,Dimensions,Targeting,我正在寻找一种方法,以针对一个特定的图像与CSS,如果这是甚至可能的 我正在运行一个CMS,用户可以上传图片并将其放在页面上。我想有一种方法,目标与特定的尺寸图像 所以问题是,你能让css线条以具有特定尺寸规格的图像或对象为目标吗 我会想象这样的情况: img#width:400px { float :left; } (要使400像素宽的图像具有浮动:左) 我知道我可以给图像一个类或一个id,但当客户在cms中玩的时候,它就会丢失 img[width="400"]{ float:left

我正在寻找一种方法,以针对一个特定的图像与CSS,如果这是甚至可能的

我正在运行一个CMS,用户可以上传图片并将其放在页面上。我想有一种方法,目标与特定的尺寸图像

所以问题是,你能让css线条以具有特定尺寸规格的图像或对象为目标吗

我会想象这样的情况:

img#width:400px { float :left; }
(要使400像素宽的图像具有浮动:左)

我知道我可以给图像一个类或一个id,但当客户在cms中玩的时候,它就会丢失

img[width="400"]{
   float:left;
}
这将使属性设置为400的任何图像向左浮动:

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

注意:这仅在设置了“宽度”属性时有效。如果图像宽度为400px,但未设置宽度属性,则不工作。

根据

img[width=400]

但我还没有尝试过它

其想法是在html和css img[attribute=“value”]中同时匹配属性和值