CSS在不是索引的页面上的行为很奇怪

出于某种原因，我的css在没有索引的页面上表现得很奇怪。 这很奇怪，因为整个网页的顶部都是他们之间的共享内容

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

页面顶部：

navbar.php：

导航栏的Css：

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

替换

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

与

---

或者完全删除。

简单地说，问题在于php中的导航栏结构与

索引中的导航栏结构不同，下面是
index.php中导航栏结构的屏幕截图：


在
empty.php
中：


我想，只要确保你使用的是相同的结构；希望有帮助
 您的其他文件是否在子目录中？如果是这样，css文件可能根本找不到。css位于/includes中，但断页与索引位于同一文件夹中。除了红色的以外，所有的CSS都能正常工作。@Coolcrab你能提供一个到你网站的链接吗？@Abody97，这也打破了索引上的链接。好吧，这证明你必须对这些行做些什么，这些行中有单词：hover。例如，尝试删除“li:hover a”行，因为您已经有了“a:hover”或类似的行。删除
ul.dropdown li:hover a{color:red}
似乎可以做到这一点。我不知道为什么。这很有帮助：）这是因为您的下拉列表位于另一个li元素中（您有这样的结构：ul.dropdown>li>ul>li>a，同时，您将css应用于ul.dropdown li a）。因此，当您将鼠标放在下拉列表上时，该行将启动。
ul.dropdown li.hover a

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