如何通过外部样式表而不是使用属性来控制图像的宽度/高度？

Question

<div id="leftContent">
<div style="text-align: center">
<img src="S.jpg">
</div>
</div>

现在我有一个与此页面链接的样式表'main.css'... 因为我没有在代码本身中设置img的宽度/高度 我想通过main.css中的样式设置它。 我怎么能这样做..？

P.S。：我无权访问页面的HTML文件..我只能访问样式表。

Answer 1

在css中使用宽度和高度

#leftContent img {
   width: ... ;
   height: ... ;
}

如果您在网站上多次使用不同的模板，也可以为每个不同的图像（无论父容器）创建特定的css规则，例如

img[src="S.jpg"] {
   width: ... ;
   height: ... ;
}

Answer 2

在外部样式表中添加。

#leftContent div img{your attributes}

Answer 3

试试这个： 如果你想选择一个特定的img

#leftContent div img:nth-child(2 or 3 or 4 or) {  //here number of the img.. 2 for the 2.
   width: yourValue;
   height: yourValue;
}

和其他

#leftContent div img { 
   width: yourValue;
   height: yourValue;
}

Answer 4

试试这个

http://jsfiddle.net/UbN7M/2/

CSS

#leftContent > div > img{
    border:1px solid blue;
    width:200px;
    height:200px;


}