css - 继承属性然后在特定站点上更改一些属性(css)

Question

我在这个 test web site 上有三个菜单.我正在学习 css 并尝试 menu2 & menu3 来继承菜单类的所有属性。第二个看起来有点不同，不可点击。我对第三个很满意，只是想让它水平并改变它的位置位。

谁能告诉我

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

Answer 1

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

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

使用下面的css改正

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

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

如果您使用 firefox firebug，您应该安装 web developer 和 firebug 扩展。如果您使用 Safari，则可以启用开发人员工具，如果您使用 Internet Explorer 8，则还可以启用开发人员工具。 (我认为 Firebug 是最好的)。