刪除邊框右：最後一個孩子假級

這讓我瘋狂。我可能忽略了一些超級簡單的東西，因爲我通常沒有類似僞造類的問題。刪除邊框右：最後一個孩子假級

我想刪除最後一個孩子的div元素的右邊框。我可以在最後一個元素上使用類，但我不需要這樣做（因爲內容將在ee循環中）。

這是代碼。所有內容都包含在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

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

所有邊界消失的時候我加我的CSS的最後一位。我試過針對.featured-wrapper：最後一個孩子。

任何想法？

來源

2017-02-10 Payton Burdette

（所有.featured-wrapper是:last-child）¯\ _（ツ）_ /¯

來源

2017-02-10 19:33:41

十分感謝！我瞄準.featured包裝，而不是最後一列的孩子:) –

@PaytonBurdette不客氣。（到StackOverflow） –

刪除邊框右：最後一個孩子假級

回答

相關問題