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

Question

.twoColFixRt＃nav-primary .nav li a，     .twoColFixRt＃nav-primary .nav li a：visited     {         颜色：＃00FF00;         文字修饰：无;     }     .twoColFixRt＃nav-primary .nav li a span {         显示：块;         填充：0 10px;         font-size：15px;     }     .twoColFixRt＃nav-primary .nav li a：hover {         文字装饰：下划线;         颜色：＃FF0000;     }

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

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

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

谢谢

Answer 1

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

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

如果您对目前无法使用的原因感兴趣，可以阅读this question有关包含框的内联框（您的<a>）（<span>）。

至于检测哪些规则应用于元素，我使用Firefox的Web Developer插件。这是 CSS＆gt;查看样式信息（CTRL + SHIFT + Y）对此特别方便。

Answer 2

在元素的内联css中应用text-decoration属性。 如果可行的话，找出弄乱外部css的内容。