Comment styliser le champ Template dans la vue grille (page aspx et CSS jointes)

Question

J'essaie de styliser ma deuxième colonne "nom du mentor" en utilisant les css qui donnent un style à toute la grille. J'ai aussi essayé "control styl css class = (un autre fichier css)" et "item styl horizontal align=right" et aussi changer la propriété align = right en utilisant # dans le fichier css mais le champ template n'autorise pas "id" pour implémenter les css ma page .aspx et les css sont en dessous,

.mGrid {   
    width: 100%;   
    background-color: #fff;   
    margin: 0px 0 0px 0;   
    border:  0px #525252;   

}  

.mGrid table
{
    border:0px;
}

.mGrid td {   
    padding: 2px;   
    border-width:  0px ;   
    background-color:#3A3F3E;
    color: #fff;   
    text-align:left;
}  
td#Mname  {   
    text-align:left;
}  
.mGrid th {   
    padding: 4px 2px;   
    color: #fff;  
    background-color:#3A3F3E; 
    border-width: 0px ;   
    font-size: 0.9em;   
    text-align:center;
}  

<asp:GridView  Width="300px" ID="GridView1" runat="server" AutoGenerateColumns="False"
                    Font-Size="10pt" OnRowCreated="GridView1_RowCreated" CssClass="mGrid">
                    <Columns>
                        <asp:BoundField DataField="mentor_id" HeaderText="Image" />
                        <asp:TemplateField HeaderText="Image">
                            <ItemTemplate>
                                <asp:Image ID="Image2" runat="server" ImageUrl="~/images/small_image.png" />
                            </ItemTemplate>
                        </asp:TemplateField>

                        <asp:TemplateField  HeaderText="Mentor Name">
                        <ItemTemplate>
                            <asp:Label ID="Label1" Text='<%#Eval("mentor_FirstName")+ "</br> " + "<b>Experience: </b>"+Eval("mentor_experience") %> ' runat="server"></asp:Label>
                        </ItemTemplate>
                        </asp:TemplateField>
                    </Columns>
                </asp:GridView>

espère que vos suggestions seront prises en compte merci d'avance

Answer 1

Utiliser td+td il sera appliqué à la deuxième td de la grille.

.mGrid td+td {   
     text-align:left !important;
}
.mGrid td+td+td {   
     text-align:left !important;
}

Voici un bon article à ce sujet. Styliser le dernier td d'un tableau avec css