刪除圖片框上的最右邊緣

Question

請問您能幫我從箱子中移除最右邊的邊緣嗎？ 我想在CSS中使用::after僞元素，但它似乎不起作用。 （http://jsfiddle.net/ve0Laa8f/）

<div class="content-wrap"> 
<div class="content-center-wrap"> 
<div class="index-cats-wrap"></div> 
<div class="index-cats-wrap"></div> 
<div class="index-cats-wrap"><p>test</div> 
</div> 
</div> 

.content-center-wrap{ 
    width:960px; 
    height:auto; 
    min-height:400px; 
    overflow:hidden; 
    background-color:#fff; 
    margin: 0 auto; 
    padding-top:40px; 
    padding-bottom:40px; 
} 

.index-cats-wrap{ 
    display:block; 
    float:left; 
    width:298px; 
    height:400px; 
    margin-right:20px; 
    border:1px solid #95a5a6; 
} 

.index-cats-wrap::after{ 
    margin-right:0px; 
} 

謝謝。

Answer 1

您需要:last-child css選擇器。

.index-cats-wrap:last-child { 
    margin-right: 0px; 
} 

小提琴：http://jsfiddle.net/ve0Laa8f/5/