Question

已解决，谢谢！

我需要将css应用到当前活动菜单（PARENT LIST li项目），这是我的代码：

#supermenu li.current-menu-item a, #supermenu li.current-menu-item a:hover {
      font-weight: bold;
      color: #fff;
      background-color: #ea6ea0;
      border-right: 1px solid #ea6ea0;
      box-shadow:inset 0 -1px 2px #bf1358;
}

覆盖看起来像一个漫长杂乱的过程的孩子的链接，任何干净的方式来排除子链接？

但是css被应用于子LINKS / anchors，因为它与下拉菜单结合使用，如何阻止子链接拥有相同的CSS？

由于

Answer 1

如果我理解正确，请试试：

#supermenu li.current-menu-item > a,
#supermenu li.current-menu-item > a:hover {
      font-weight: bold;
      color: #fff;
      background-color: #ea6ea0;
      border-right: 1px solid #ea6ea0;
      box-shadow:inset 0 -1px 2px #bf1358;
}

您可以查看此article以了解> child combinator 。

请注意，它不适用于 IE6 或更低版本。

Answer 2

尝试使用>运算符，该运算符只匹配直接后代。

这应该有效：

#supermenu li.current-menu-item > a, 
#supermenu li.current-menu-item > a:hover {
  font-weight: bold;
  color: #fff;
  background-color: #ea6ea0;
  border-right: 1px solid #ea6ea0;
  box-shadow:inset 0 -1px 2px #bf1358;
}

请注意，IE7及更早版本不支持它。

如何应用CSS仅锚定活动类（仅限父级）而不包括子级？

2 个答案: