CSS 在不是索引的页面上表现异常

Question

出于某种原因，我的 CSS 在不是索引的页面上表现得很奇怪。这很奇怪，因为网页的整个顶部是它们之间的共享包含。

这是问题的图片和相关代码:

页面顶部:http://pastebin.com/qePqZhsE

导航栏.php:http://pastebin.com/7065Dxcy

导航栏的 Css:http://pastebin.com/79tdQ4eP

它必须是 CSS 中的某些内容，因为其余部分是相同的，但我看不到。 (虽然我可能只是 sleep 不足 :P)

Answer 1

替换

ul.dropdown li.hover a { color: red; } 

与

ul.dropdown li:hover a { color: red; }

在 css 文件的第 12 行

编辑:

正如在下面的评论中所说，你有这样的结构:“ul.dropdown > li > ul > li > a”而你正在将 css 应用于“ul.dropdown li a”。

所以，尝试替换

ul.dropdown li.hover a

与

ul.dropdown > li > ul > li.hover a

或完全删除。