GridView的中心列覆盖GridView CssClass

时间:2014-02-05 10:01:16

标签: css gridview text alignment center

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

问题是没有应用将单个Css类应用于gridview的boundfield ..

这是我的网格视图:

<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”,它应该使文本不居中,为什么不工作?

提前多多谢谢;)

1 个答案:

答案 0 :(得分: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