last-child가 안먹히는 경우

contact-grp:last-child 를 쓰게 되면 부모 요소의 마지막 자식 요소를 가르키게 됨.

그리고 그게 어떤 클래스이든 상관없이, 실제로 마지막에 위치한 HTML 요소면 그게 선택된다.

<div class="contact">
  <div class="contact-grp" v-for="..."></div>
  <p>다른 설명</p>
</div>

 

 

 

해서, contact-wrap으로 한번 감싸주고 사용하면 됨.

<div class="contact">
  <div class="contact-wrap">
    <div class="contact-grp" v-for="..."></div>
  </div>
  <p>다른 설명</p>
</div>