Asp.net 为标记内的子元素提供样式属性?

Asp.net 为标记内的子元素提供样式属性?,asp.net,html,css,Asp.net,Html,Css,我的缩略图当前如下所示: <style type="text/css"> img.TN { width: 100%; margin-bottom: 5.294%; cursor: pointer; } </style> 这很烦人,因为我必须将这种样式分别应用于每个缩略图图像,而在任何给定时间屏幕上都可能有任意数量的缩略图。所有的缩略图都在一个单独的内部,将它们组合在一起,我想对应用一个样式,将我需要的属性向下推到嵌

我的缩略图当前如下所示:

<style type="text/css">
    img.TN {
        width: 100%;
        margin-bottom: 5.294%;
        cursor: pointer; }
</style>
这很烦人,因为我必须将这种样式分别应用于每个缩略图图像,而在任何给定时间屏幕上都可能有任意数量的缩略图。所有的缩略图都在一个单独的内部,将它们组合在一起,我想对应用一个样式,将我需要的属性向下推到嵌套在其中的所有元素,而不管有多少个缩略图

我正在使用ASP.NET2.0和CSS 2.0

有人知道怎么做吗?谢谢

您可以使用.class img选择器,如下所示:

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

你必须这样命名你的风格

#containerDiv img { ... } 并将外部div的id设置为containerDiv


是ID的前缀。如果使用css类,则标记的前缀为“.”,没有前缀。每次都应该在css样式上使用ID。更好的标记呈现性能虽然javascript总是如此,但CSS并不总是如此,这取决于浏览器。@Nick:谢谢您的反馈。我还觉得,从一段时间以前开始,我们就开始模糊地将class和id属性用于标识标记。虽然没什么大不了的,但不应该是这样的:-
<div id="containerDiv">
    <img...>
    <img...>
    <img...>
    <img...>
</div>