本文介绍了答:悬停不工作的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着跟版网的小编来一起学习吧！
问题描述
HTML
<table width="100%">
<tr>
<td width="90%"></td>
<td><a href="#" id="logout"><strong>Logout</strong></a></td>
</tr>
</table>
CSS
@charset "utf-8";
/* CSS Document */
#logout {
color:#BBB;
}
a:hover {
color:#FFF;
}
虽然注销的颜色似乎是 css 中给出的颜色，但当我将鼠标放在链接 (to white) 上时颜色不会改变.是什么原因?
Though the color of logout appears to be what is given in the css , the color doesn't change when i place my mouse over the link (to white) . What is the reason ?
我必须说还有其他 css 文件，当鼠标放在它们上面时，它们往往会改变链接的颜色并且它们工作正常.
I must tell there are other css files that tend to change the color of the link when the mouse is placed over them and they work fine.
推荐答案
id 选择器 (#logout) 比类型选择器 (a) 加一个伪类 (:hover)，因此您的第一个规则集将始终 赢得级联.
An id selector (#logout) is more specific then a type selector (a) plus a pseudo-class (:hover), so your first ruleset will always win the cascade.
使用 #logout:hover 代替.
这篇关于答:悬停不工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持跟版网！
本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益，请联系我们，我们会在确认后第一时间进行删除！