ナビゲーションCSSの問題を修正する必要がありますか？

Question

大胆な現在のメニュー項目のみを表示したいのですが、現在のメニュー項目を太字にしたい場合は、サブメニュー項目も太字になります。

私のCSSは次のとおりです。私は2番目とクラスが現在の項目

<ul class="main"> 
    <li><a href="#">First</a></li> 
    <li class="current-item"> 
     <a href="#">Second</a> 
     <ul class="sub-menu"> 
      <li><a href="#">Inner First</a></li> 
      <li><a href="#">Inner Second</a></li> 
     </ul> 
    </li> 
    <li><a href="#">Third</a></li> 
    <li><a href="#">Fourth</a></li> 
</ul> 

Answer 1

あなたが唯一の直接の子アンカーに適用することができます迅速な応答を

.main .current-item > a { 
    font-weight:900; 
} 

More information about the direct descendant selector

Answer 2

ほとんど右である大胆のみ現在のメニュー項目を取得したい

.main .current-item{ 
    font-weight:900; 
} 

、あなたが対処する必要があります実際に<a>を<li class="current-item">の内側に書式設定します。

.main .current-item > a { 
    font-weight: 900; 
}