我有一个使用几个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”,它应该使文本不居中,为什么不工作?
提前多多谢谢;)
答案 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