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

Question

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

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

PS：我无法访问页面的 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;


}