CSS在非索引的页面上表现得很奇怪

Question

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

以下是问题及相关代码的图片：

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

navbar.php：http://pastebin.com/7065Dxcy

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

它必须是CSS中的东西，因为其余的是相同的，但我没有看到它。 （虽然我可能只是缺少太多睡眠：P）

Answer 1

替换

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

与

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

在css文件的第12行

编辑：

如下面的评论所述，你有这样的结构：“ul.dropdown＆gt; li＆gt; ul＆gt; li＆gt; a”你正在将css应用于“ul.dropdown li a”。

所以，试着替换

ul.dropdown li.hover a

与

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

或删除。

Answer 2

简单来说，问题是除了index之外，PHP中导航栏的结构是不同的，这里是index.php中导航栏结构的屏幕截图：

在empty.php：

我想，只要确保你使用相同的结构;希望有所帮助！