html - CSS 下拉菜单在 Wordpress 中不起作用，但在所有其他页面上都起作用

Question

我创建了一个基于模板的自定义主题，出于某种原因，当您将鼠标悬停在“服务”上时，出现在所有其他页面上的 CSS 下拉菜单似乎在 wordpress 页面上不起作用。

我将我创建的代码连同相同的样式复制并粘贴到 Header.php 文件中。

有人有什么想法吗？

网站可以在这里...

http://www.globalpurchasingsolutions.co.uk/blog/

它应该像这里一样工作......

http://www.globalpurchasingsolutions.co.uk/testimonials.html

非常感谢您对此问题的任何帮助。

CSS 代码是这样的

nav {
margin-top:20px;
text-align:left;
float:right;
margin-right:10px;
}

nav ul ul {
display: none;
}

nav ul li:hover > ul {
display: block;
}


nav ul {
background:#FFF;
color:#336699; 
list-style: none;
position: relative;
display: inline-table;
width:auto;
}


nav ul:after {
content: ""; 
clear: both; display: block;
}

nav ul li {
float: left;
}

nav ul li:hover {
border-bottom:solid 2px #336699;
}


nav ul li a {
display: block; 
padding: 15px 20px 15px 20px;
color: #2B66A2;
font-size:19px; 
text-decoration: none;
}

Answer 1

我弄乱了 Firebug，但没能解决这个问题。

您是否尝试过直接在 WordPress 主题中使用“master.css”而不是“header.css”和“style.css”？

事情的组合多种多样，使用不同的样式表肯定会使现在和 future 的事情变得复杂。

我只是尝试删除 header.css 和 style.css 并将其替换为带有 Firebug 的 master.css...还有一些其他问题，但下拉菜单开始工作。