CSS表示：なし;私はこのコードを持っているのhref

Question

：

<ul class="nav nav-tabs nav-freetime"> 

      <li class="active"> 
       <a class="btn-nav-tab" href="#mod2" data-toggle="tab">Bar El Gordo</a> 
      </li> 

      <li> 
       <a class="btn-nav-tab" href="#mod3" data-toggle="tab">'La Tabernilla'</a> 
      </li> 
      <li> 
       <a class="btn-nav-tab" href="#mod4" data-toggle="tab">Restaurante La Muralla</a> 
      </li> 

を私は

.nav .btn-nav-tab{ display: none; } 

を使用しようとしましたが、それはすべてを隠し、私は唯一の非表示MOD1にそれをしたいです。 私は、この例では

a[href="#mod1"]{ display: none; } 

しかしdidntの仕事

Answer 1

にしてみてください、あなたはnth-child（MDN documentation）またはlast-child（MDN documentation）

.nav li:last-child {display: none} 

または

.nav li:nth-child(3) {display: none} 

Answer 2

のいずれかを使用することができますidsを使うべきですあなたがしたいことのためのhref属性の代わりに、より正確であり、どのバージョンのCSSやブラウザでも動作します。

あなたがいる限り、それはあなたのhtmlであるとして任意のIDと＃のMOD3を置き換えることができますあなたの更新されたHTML

<ul class="nav nav-tabs nav-freetime"> 

<li class="active"> 
    <a id="mod2" class="btn-nav-tab" href="#mod2" data-toggle="tab">Bar El Gordo</a> 
</li> 

<li> 
    <a id="mod3" class="btn-nav-tab" href="#mod3" data-toggle="tab">'La Tabernilla'</a> 
</li> 
<li> 
    <a id="mod4" class="btn-nav-tab" href="#mod4" data-toggle="tab">Restaurante La Muralla</a> 
</li> 

更新されたCSS

#mod3 { display: block; } // can replace with any mod id 

.nav .btn-nav-tab{ display: none; } 

。