갤러리 상자의 맨 오른쪽 여백 제거

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/