Html CSS是否可以在:hover之后使用元素?
是否可以在悬停效果后使用元素 我试过这样做Html CSS是否可以在:hover之后使用元素?,html,css,Html,Css,是否可以在悬停效果后使用元素 我试过这样做 .tableclass tr td:hover a{ color:#fff; } 当我在td上悬停时,我想做的是,然后td内的锚定链接应该将其颜色更改为白色 这是我如何尝试自我但不为自己工作的 .GridAlternate td:hover a , .GridRowStyle td:hover a{ color:#fff; } 我的GridView HTML <table cellspacing="0" border="1" s
.tableclass tr td:hover a{
color:#fff;
}
当我在td上悬停时,我想做的是,然后td内的锚定链接应该将其颜色更改为白色
这是我如何尝试自我但不为自己工作的
.GridAlternate td:hover a , .GridRowStyle td:hover a{
color:#fff;
}
我的GridView HTML
<table cellspacing="0" border="1" style="border-collapse:collapse;" id="GV_Users" rules="rows" class="DefaultGridStyle">
<tbody><tr class="GridHeader">
<th scope="col">User Name</th><th scope="col"><a href="javascript:__doPostBack('ctl00$CPH_Content$TC_SysUsers$TP_Users$GV_Users','Sort$RoleName')">Role Name</a></th><th valign="middle" align="left" style="width:22%;" scope="col">LogIn</th><th valign="middle" align="center" style="width:33%;" scope="col">Action</th>
</tr><tr class="GridRowStyle">
<td>
Ali Nisarr
</td><td>
Admin
</td><td valign="middle" align="left">
alinisar@ken.com
</td><td valign="middle" align="center">
<a href="javascript:__doPostBack('ctl00$CPH_Content$TC_SysUsers$TP_Users$GV_Users$ctl02$Lbtn_change','')" class="editlinkbutton" id="Lbtn_change">Edit</a>
<a href="javascript:__doPostBack('ctl00$CPH_Content$TC_SysUsers$TP_Users$GV_Users$ctl02$Lbtn_Remove','')" class="removelinkbutton" id="Lbtn_Remove">Remove</a>
<a href="javascript:__doPostBack('ctl00$CPH_Content$TC_SysUsers$TP_Users$GV_Users$ctl02$Lbtn_Disable','')" class="removelinkbutton" id="Lbtn_Disable">Disable</a>
</td>
</tr><tr class="GridAlternate">
<td>
Nizam Ullah
</td><td>
Admin
</td><td valign="middle" align="left">
nizam@ken.com
</td><td valign="middle" align="center">
<a href="javascript:__doPostBack('ctl00$CPH_Content$TC_SysUsers$TP_Users$GV_Users$ctl03$Lbtn_change','')" class="editlinkbutton" id="Lbtn_change">Edit</a>
<a href="javascript:__doPostBack('ctl00$CPH_Content$TC_SysUsers$TP_Users$GV_Users$ctl03$Lbtn_Remove','')" class="removelinkbutton" id="Lbtn_Remove">Remove</a>
<a href="javascript:__doPostBack('ctl00$CPH_Content$TC_SysUsers$TP_Users$GV_Users$ctl03$Lbtn_Disable','')" class="removelinkbutton" id="Lbtn_Disable">Disable</a>
</td>
</tr><tr>
<td colspan="4">
<table class="GridPager">
<tbody><tr>
<td width="7%">
Showing
:
</td>
<td width="5%">
<span id="lbl_rowstartindex">1</span>
-
</td>
<td>
<span id="lbl_rowendindex">2</span>
</td>
<td>
of
</td>
<td>
<span id="lbl_totalrecords">2</span>
</td>
<td width="50%" align="center">
</td>
<td width="18%" align="right">
Displaying per page:
</td>
<td align="left">
<input type="text" id="TxBx_PageSize" maxlength="3" value="10" name="ctl00$CPH_Content$TC_SysUsers$TP_Users$GV_Users$ctl05$TxBx_PageSize">
</td>
<td align="left">
<a href="javascript:__doPostBack('ctl00$CPH_Content$TC_SysUsers$TP_Users$GV_Users$ctl05$lb_Change_RowsPerChange','')" id="lb_Change_RowsPerChange">Change</a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
用户名登录
阿里·尼萨尔
管理
alinisar@ken.com
尼扎姆乌拉
管理
nizam@ken.com
显示
:
1.
-
2.
属于
2.
每页显示:
我是做错了什么,还是有其他的方法我应该遵循?你为什么不试试
.tableclass td:悬停a{
颜色:#fff;
}
这对我完全有效。我想您的一些规则被错误地级联了?
就像您有更具体的目标规则覆盖此规则一样…试试这个
tr.GridAlternate td:hover a , tr.GridRowStyle td:hover a{
color:#fff;
}
并确保将其插入样式表的末尾可能它被其他类覆盖。
我希望这能有所帮助是的,我试过了,但可能是我认为我做错了什么?用提琴来演示你的问题。也发布你的HTML似乎在这里工作,我亲爱的朋友,对你说“是”。我一直在用它,我已经用过了,但是只有当我把鼠标悬停在锚标签上时,颜色才会改变。我想要的是,当我将表的td元素悬停在该td元素内时,所有锚定标记都会更改其颜色。@user1590011这不会更改
颜色。它只会更改正常的文本颜色。哦,我明白你的问题了,你所写的选择器很好,我刚刚测试了它,它应该可以工作。是的,它被锚定标签覆盖了。。我的意思是{color:#660000;}是在我的css之后定义的..是的,它被其他类覆盖。。我的错误(