ボーダー右を削除：last-child psuedo-class

Question

これは私をナットにしています。私はおそらく擬似クラスのようなものに問題はないので、おそらく超簡単なものを見落としているでしょう。

私は最後の子供のdiv要素の右の枠線を削除しようとしています。私はそれが最後の要素のクラスで動作することができますが、そのようにする必要はありません（コンテンツはeeループになります）。

ここにコードがあります。すべてが＃small-featuredのIDを持つセクションにラップされています。ブートストラップ列にネストされたすべてのコンテンツは、＃featured-wrapperでラップされます。ここで

<section id="small-featured"> 
    <div class="container"> 
    <div class="row"> 
     <div class="col-md-3"> 
     <div class="featured-wrapper"> 
      <a href="#"><img src="assets/img/36-6022.png" alt=""></a> 
      <p>The Product Title</p> 
     </div> 
     </div> 
     <div class="col-md-3"> 
     <div class="featured-wrapper"> 
      <a href="#"><img src="assets/img/36-5100.jpg" alt=""></a> 
      <p>The Product Title</p> 
     </div> 
     </div> 
     <div class="col-md-3"> 
     <div class="featured-wrapper"> 
      <a href="#"><img src="assets/img/46-455.jpg" alt=""></a> 
      <p>The Product Title</p> 
     </div> 
     </div> 
     <div class="col-md-3"> 
     <div class="featured-wrapper"> 
      <a href="#"><img src="assets/img/unisaw.jpg" alt=""></a> 
      <p>The Product Title</p> 
     </div> 
     </div> 
    </div> 
    </div> 
</section> 

は、私はCSSの私の最後のビットを追加すると、すべての境界が消えCSS

#small-featured { 
    text-align: center; 
} 

#small-featured img { 
    width: 250px; 
    padding: 0 15px; 
} 

.featured-wrapper { 
    border-right: 1px solid #eee; 
} 

#small-featured .featured-wrapper:last-child { 
    border-right: none; 
} 

です。 .featured-wrapper：last-childも対象にしようとしました。

アイデア？

Answer 1

（すべて.featured-wrapperが:last-childある。）¯\ _（ツ）_ /¯