CSS层次结构类和ID

时间:2008-12-18 02:46:34

标签: css class hierarchy

我正在使用XHTML,CSS和jQuery构建菜单,我遇到了CSS问题。 Here是我的测试页面,here是我的css。

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

所以我想知道是否有人可以让我知道如何修复它,如果它是一个等级问题,如果他们可以解释它。

谢谢, 列维

1 个答案:

答案 0 :(得分:2)

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