2026, 새로운 도약을 시작합니다.

css 3번째마다 마진 없애기 채택완료

css 질문드립니다.
 

예를 들어 마지막 요소에서 오른쪽 마진을 없애기 위해 이런 코드를 쓰는데요

.div_name ul li:last-child {margin-right:0;}

매 3번째 요소에서 오른쪽 마진을 없애기 위해서는 어떻게 해야 할까요?
어디선가 본것 같은데 아무리 찾아도 없네요

3으로 나눠서 나머지가 0일때를 해야하는데
css에서는 어떻게 해야하는지 잘 모르겠습니다.

알려주시면 감사하겠습니다.

답변 2개

채택된 답변
+20 포인트
Copy
.div_name ul li:nth-child(3n) { margin-right:0; }


으로 하면 3의 배수마다 적용됩니다
로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

아마 3개씩마다 오른쪽 공백때문에 내려가서 그러시는거면
display:flex 를 이용해보세요 ㅎ

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고