在CSS类之间共享样式

Question

在这个问题中,我给出了一个非常酷的答案,分别在左右之间交替显示图像及其描述.现在我想对两者应用样式,例如填充顶部,填充底部等.如何在此场景中将样式应用于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>

Answer 1

这是你如何做到的:

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