在CSS类之间共享样式

时间:2008-10-30 17:25:17

标签: asp.net css

this question中,我得到了一个非常酷的答案,分别在左右之间交替显示图像及其描述。现在我想将样式应用于两者,例如padding-top,padding-bottom等。在这种情况下,如何将样式应用于RowStyle和AlternatingRowStyle。

<AlternatingRowStyle CssClass="ProductAltItemStyle" />   
<RowStyle CssClass="ProductItemStyle" />
<Columns>
    <asp:TemplateField>
        <ItemTemplate>
            <div class="Image"><asp:Image runat="server" ID="productImage" ImageUrl='<%# Eval("imageUrl") %>' /></div>
            <div class="Description"><asp:Label runat="server" ID="lblProductDesc" Width="100%" Text='<%# Eval("productDesc") %>'></asp:Label></div>
        </ItemTemplate>
    </asp:TemplateField>

2 个答案:

答案 0 :(得分:18)

这是你如何做到的:

.ProductAltItemStyle, .ProductItemStyle {
    // CSS Rules that apply to both go here
}

答案 1 :(得分:2)

或者你可以这样做:

<AlternatingRowStyle CssClass="ProductAltItemStyle ProductCommonStyle" />   
<RowStyle CssClass="ProductItemStyle ProductCommonStyle" />

ProductCommonStyle包含交替行和标准行共有的格式。

更好的是,您可以为整个gridview分配样式,并使用它来定义共享类:

table.GridViewStyle tr td
{
   padding:3px 5px;
   border:1px solid gray;
}

tr.ProductAltItemStyle td
{
    background:white;
}

tr.ProductItemSTyle td
{
    background:silver;
}