첫 번째 및 마지막 div에서 왼쪽 및 오른쪽 여백을 제거하는 방법

Question

페이지에 100 개 이상의 div가 있으며 각 행에는 3 개의 div가 있습니다. 첫 번째 div에서 왼쪽 여백을 제거하고 오른쪽 div에서 오른쪽 여백을 제거하려면 가운데 div는 왼쪽에서 오른쪽으로 15px 여백을 가져야합니다. 각 div에 특정 클래스 (여백 없음)를주지 않고 어떻게 할 수 있는지 안내해주십시오. 여기에 예를 여기

내 CSS 코드

.prp_box{ 
    margin:15px 15px; 
    width:100px; 
    height:100px; 
    background:#5f03a6; 
    } 

Answer 1

체크 아웃 시작하는 방법을 자주 : http://jsfiddle.net/VHXEp/

사용 nth-child(n) CSS3 선택자.

Answer 2

당신은 n 번째 자식 CSS 선택기를 사용하여 시도 할 수입니다.

#container:nth-child(3n+0) 
{ 
margin-left: 0; 
} 
#container:nth-child(3n+3) 
{ 
margin-right: 0; 
} 

이 코드는 몇 가지 조정이 필요할 수는 3N, 그래서 모든 3. + 뒤의 숫자는 곳

Answer 3

확인 JsFiddle

http://jsfiddle.net/kpTdE/

.prp_box{ 

    width:100px; 
    height:100px; 
    background:#5f03a6; 
    float:left; 

    } 
.sec_box 
{ 
    width:100px; 
    height:100px; 
    background:#5f03a6; 
    float:left; 
    margin-left:30px; 


} 
.sec3_box 
{ 
    width:100px; 
    height:100px; 
    background:#5f03a6; 
    margin-left:260px; 
}