首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

CSS简单有关问题,怎么单独定义GridView表头超链接样式

2012-09-13 
CSS简单问题,如何单独定义GridView表头超链接样式怎么单独的定义表头的 A 标记样式。我单独定义了HeaderSty

CSS简单问题,如何单独定义GridView表头超链接样式
怎么单独的定义表头的 A 标记样式。我单独定义了HeaderStyle 都会被全局的 A:link 覆盖,而全局的A:link 又不想改它。


HTML code
<%@ Register Assembly="AspNetPager" Namespace="Wuqi.Webdiyer" TagPrefix="webdiyer" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">    <title>无标题页</title>      <style type="text/css" media="screen">html,body {    font-family: Verdana, Arial, @宋体; FONT-SIZE: 13px; MARGIN: 0; color: #333333; }table {border-collapse:collapse; /* 关键属性:合并表格内外边框(其实表格边框有2px,外面1px,里面还有1px哦) */border:solid #999; /* 设置边框属性;样式(solid=实线)、颜色(#999=灰) */border-width:1px 0 0 1px; /* 设置边框状粗细:上 右 下 左 = 对应:1px 0 0 1px */}table caption {font-size:14px;font-weight:bolder;}table th,table td {border:solid #999;border-width:0 1px 1px 0;padding:2px; height:25px;}tfoot td {text-align:center;}A:link {     COLOR: #004080; TEXT-DECORATION: none; /* 表示未被访问时 */}A:visited {    COLOR:#004080;  TEXT-DECORATION: none; /* 访问后 */}A:hover {     COLOR: #004080;  TEXT-DECORATION: underline; /* 指针指在 */}A:active {     COLOR: #004080; TEXT-DECORATION: none; /* 鼠标点击时 */    }.GridHeader{    background-color:#d8d8d8;  font-weight:bold; }</style>    </head><body>    <form id="form1" runat="server">      <div align="center">       <div style="width:800px;">               <asp:GridView ID="GridView1" runat="server" AllowPaging="True"                AutoGenerateColumns="False" AllowSorting="True" OnSorting="GridView1_Sorting"                OnRowCreated="GridView1_RowCreated" Width="100%" DataKeyNames="ProductID"                 OnRowDataBound="GRidView1_RowDataBound">        <HeaderStyle CssClass="GridHeader"  />        <Columns>         <asp:BoundField DataField="ProductID" HeaderText="ProductID" SortExpression="ProductID" />                              <asp:BoundField DataField="SupplierID" HeaderText="SupplierID" SortExpression="SupplierID" />                                <asp:TemplateField HeaderText="ProductName" SortExpression="ProductName">                    <ItemTemplate>                      <%#Eval("ProductName")%>                    </ItemTemplate>                    <HeaderStyle CssClass="a1"  />                    <ItemStyle HorizontalAlign="Left" />           </asp:TemplateField>                                                   </Columns>                 <pagersettings  Visible="False" />         </asp:GridView>                                                     </div>  </div>       </form>          </body></html>


[解决办法]
使用CSS筛选器,增加一条样式:

.GridHeader A
{
/* 在这里添加对表头超链接的定义*/
font-color:#FFFFFF;
}

热点排行