针对特定图像的CSS

时间:2011-07-23 10:55:13

标签: css image dimensions targeting

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

我正在运行CMS,用户可以上传图片并将其放在自己的网页上。我想要一种方法来定位具有特定尺寸的图像。

所以问题是,你能使css线目标成为具有某些尺寸规格的图像或物体吗?

我会想象:

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

(使400像素宽的图像浮动:左)

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

2 个答案:

答案 0 :(得分:8)

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

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

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

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

答案 1 :(得分:1)

根据spec这应该有效

img[width=400]

但我还没试过呢