2

我正在使用 XHTML、CSS 和 jQuery 构建菜单，但我的 CSS 遇到了问题。 这是我的测试页面，这是我的 css。

我遇到的问题是我的 .subMenu 类继承了我的#menu 的属性，背景颜色和大小是相同的。我正在寻找一种将 .subMenu 保留为类的解决方案，以便我可以重复使用它。我通过将 .subMenu 更改为 ID 使其工作。奇怪的是，我使用 .subMenu 类在我的 jQuery 代码中编辑了一些属性，它改变了这些属性。

所以我想知道是否有人可以让我知道如何解决它，如果他们可以解释它是否是一个层次结构问题。

谢谢，列维

4

1 回答 1

2

我认为问题在于 #menu > li a 会将样式应用于 li 标签内的所有链接，因此子菜单内的所有 li 标签也将具有此样式。在我看来，唯一的区别在于悬停时的背景和前景色，因此您可以通过将 #menu > li a 和 #menu > li a:hover 更改为 #menu > li > a 和 #menu > 来修复它li > a:悬停。这样，顶级菜单的样式将仅应用于直接位于 #menu 项之后的 li 标记之后的链接。子菜单样式可以保持不变。

于 2008-12-18T03:19:00.707 回答