将样式属性赋予<style>标记内的子元素？</style>

Question

我的<style>缩略图目前看起来像这样：

<style type="text/css">
    img.TN {
        width: 100%;
        margin-bottom: 5.294%;
        cursor: pointer; }
</style>

这很烦人，因为我必须将这种风格单独应用于每个缩略图，而在任何给定时间屏幕上可能有任意数量的缩略图。所有缩略图都在一个<div>内，将它们组合在一起，我想将一个样式应用于<div>，将我需要的属性推送到<img> 1}}元素嵌套在里面，无论有多少缩略图。

我正在使用ASP.NET 2.0和CSS 2.0

有谁知道怎么做？谢谢！

Answer 1

您可以使用.class img选择器，如下所示：

.classTheDivHas img {
    width: 100%;
    margin-bottom: 5.294%;
    cursor: pointer; 
}

Answer 2

你必须像这样命名你的风格

#containerDiv img
{
 ...
}

并将外部div的id设置为containerDiv

<div id="containerDiv">
    <img...>
    <img...>
    <img...>
    <img...>
</div>