继承属性，然后在特定网站上更改一些（css）

Question

我在test web site上有三个菜单。我正在学习CSS并尝试menu2 & menu3到inherit all properties from menu class。第二个看起来有点不同，不可点击。我很高兴第三个，只是想让它水平并改变它的位置。

有人可以告诉我

• 为什么第二个菜单无法点击？
• 如何让第三个菜单垂直？我认为第3个菜单中的display: block;可以解决问题，但我不知道该li的css路径。

Answer 1

您的第二个菜单无法点击，因为您的第三个菜单框正在覆盖它，即使您看不到它与双水平线所覆盖的区域大小相同，也是它的框。

第三个菜单不是垂直的，因为lis有float：left

使用以下css更正

.menu3 li
{
float:none;
}
.menu3
{
position:absolute;
}

您需要设置.menu3的左/顶部选项，以将其放置在您想要的页面上。

如果您使用firefox firebug，则应安装Web开发人员和firebug扩展。如果您使用safari，则可以启用开发人员工具，如果您使用Internet Explorer 8，则还可以启用开发人员工具。 （在我看来，Firebug是最好的。）

Answer 2

第二个菜单无法点击，因为第三个菜单覆盖了它。解决此问题的一种方法是从position: relative删除.menu。

第三个菜单中<li>的路径例如是.menu3 li，但我不确定你的意思是将它垂直化。我希望你能找到这方面的信息。

一点点提示......像FireBug for Firefox这样的工具对CSS试错会很有帮助。