针对特定图像的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" />

注意:这仅在设置了width属性时才有效.如果图像宽度为400像素但没有设置宽度属性,则无效.