Partager style entre classes CSS

Question

Dans this question, j'ai reçu une réponse vraiment cool à l'alternance d'une image et sa description entre gauche et droite, respectivement. Maintenant, je veux appliquer un style aux deux, par ex. padding-top, padding-bottom, etc. Comment appliquer un style à RowStyle et à AlternatingRowStyle dans ce scénario.

<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

Sinon, vous pouvez le faire:

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

ProductCommonStyle contient la mise en forme qui est commune à la fois en alternance et des lignes standard.

Encore mieux, vous pouvez assigner un style à l'ensemble de votre gridview, et l'utiliser pour définir les classes partagées:

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

tr.ProductAltItemStyle td 
{ 
    background:white; 
} 

tr.ProductItemSTyle td 
{ 
    background:silver; 
} 

Answer 2

Voici comment faire:

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