0

已解决 谢谢！

我需要将 css 应用于当前活动菜单（父列表 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 被应用于子链接/锚点，因为它与下拉菜单结合使用，我怎样才能阻止子链接具有相同的 css？

谢谢

4

2 回答 2

4

如果我理解正确，请尝试以下操作：

#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;
}

你可以看看这篇文章来了解> 孩子组合器。

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

于 2012-11-18T11:49:00.780 回答
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;
}

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

于 2012-11-18T11:49:20.310 回答