0

解決しました ありがとうございます！

現在アクティブなメニュー (PARENT LIST li アイテム) に css を適用する必要があります。これが私のコードです。

#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 に答える