css - GridView 重写 GridView CssClass 的中心列

Question

我有一个使用几个 css 类的 GridView，没关系。

问题是将单个 Css 类应用到 gridview 的边界域没有被应用..

这是我的 GridView :

<asp:GridView ID="gvwExample" runat="server" CssClass="table table-bordered table-condensed epalist gridtextcenter" EmptyDataText="The search didn't return any records" ShowHeaderWhenEmpty="true" AutoGenerateColumns="False" DataSourceID="SqlDataSource1" OnRowDataBound="gvwExample_RowDataBound" >
                    <columns>
                        <asp:BoundField DataField="NB"  ItemStyle-CssClass="textleft" ItemStyle-HorizontalAlign="Left" ItemStyle-Width="6%" HeaderText="NB" />
                        <asp:BoundField DataField="Name" ItemStyle-Width="19%" HeaderText="Name" />
                        <asp:BoundField DataField="CLevel" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="6%" HeaderText="CLevel" />
                        <asp:BoundField DataField="CC Host" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="7%" HeaderText="CC Host" />
                        <asp:BoundField DataField="System"  ItemStyle-Width="15%" HeaderText="System" />
                        <asp:BoundField DataField="Object Type"  ItemStyle-Width="12%" HeaderText="Object Type" />
                        <asp:BoundField DataField="Object ID" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="8%" HeaderText="Object ID" />
                        <asp:BoundField DataField="Object Description" ItemStyle-Width="17%" HeaderText="Object Description" />
                        <asp:BoundField DataField="Excl Mngr" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="9%"  HeaderText="Excl Mngr" />
                    </columns>
                    </asp:GridView>

这是第一列“NB”的我的 CssClass:

.textleft{
    text-align:left;
}
.gridtextcenter td, .gridtextcenter th{
    text-align:center;
}

所以最主要的是: 类“gridtextcenter”将使我所有 td 的所有文本居中，但第一列使用 css 类“textleft”应该将文本不居中，为什么不起作用？？

提前致谢;)

Answer 1

因为 .gridtextcenter td比 .textleft 更具特异性

这样写你的css

.gridtextcenter .textleft{
    text-align:left;
}
.gridtextcenter td, .gridtextcenter th{
    text-align:center;
}

特异性的工作原理:

1 = 适用于所有类型的标签，例如 <p>, <a>

10 = 类似 .className 的类

100 = 对于像 #idName 这样的 ID