答：悬停不起作用 | 悬停不起作用

本文介绍了答：悬停不起作用的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

HTML

  一个id选择器（ #logout ）更具体，选择器（ a ）加上一个伪类（：hover ），所以你的第一个规则集总是。
 
 
 使用 #logout：hover 改为。
 
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;
}
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 ?
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.
 解决方案 
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.
Use #logout:hover instead.
                        这篇关于答：悬停不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！