목록으로

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

smltree 4개월 전 조회 861

css 질문드립니다.

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

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

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

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

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

#그누보드5

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

정렬:

채택된 답변

+20 포인트

coDribble

4개월 전

</p>

<p>.div_name ul li:nth-child(3n) { margin-right:0; }</p>

<p>

으로 하면 3의 배수마다 적용됩니다

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

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

간장게장같은남자

4개월 전

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

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

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

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