Совместное использование стилей между классами CSS

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>

Answer 1

Вот как вы это делаете:

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

Answer 2

Или вы можете сделать это:

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

ProductCommonStyle содержит форматирование, общее для чередующихся и стандартных строк.

Более того, вы можете назначить стиль для всего вида сетки и использовать его для определения общих классов:

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

tr.ProductAltItemStyle td
{
    background:white;
}

tr.ProductItemSTyle td
{
    background:silver;
}