css - 为什么文本修饰不能在a:hover下工作？

Question

.twoColFixRt#nav-primary .nav li a,.twoColFixRt#nav-primary .nav li a:visited {color:#00FF00; 文字修饰:无; } .twoColFixRt#nav-primary .nav li a span {display:block; 填充:0 10px; font-size:15px; } .twoColFixRt#nav-primary .nav li a:hover {text-decoration:underline; 颜色:#FF0000; }

Q1>我不知道为什么a:悬停在上面的代码中不起作用.换句话说,当光标位于导航项的顶部时,下划线不会显示.

但是,当我将光标悬停在导航项上时,我确实看到了颜色的变化.

Q2>我使用的是DW CS4 + Firebug.有没有办法让我检测出哪个规则可以抑制:悬停以便我将来可以找出类似的问题？

谢谢

Answer 1

您可以通过将其应用于嵌套范围来显示文本修饰,如下所示:

.twoColFixRt #nav-primary .nav li a:hover span {
    text-decoration: underline;
    color:#FF0000;
}

如果您对目前不适合您的原因感兴趣,可以阅读有关包含块框(您的)的内联框(您的)的问题.<a><span>

至于检测哪些规则应用于元素,我使用Web Developer addon for Firefox.它的CSS>视图样式信息(CTRL + SHIFT + Y)对此特别方便.