의사 클래스 last-of-type

의사 클래스 last-of-type는 부모 요소 내에서 지정된 유형의 마지막 자손인 요소를 선택합니다. 즉, 만약 제가 h2:last-of-type라고 쓰면, 부모 안에서 마지막 h2를 찾을 것입니다 (부모 안에서 아무런 조건 없이 마지막 자식인 요소만 찾는 last-child와 달리).

구문

css선택자:last-of-type {
  
}

예시

부모 요소 내에서 마지막 h2 제목을 찾아봅시다:

html<div>
  <h2>제목</h2>
  <p>단락</p>
  
  <h2>제목</h2>
  <p>단락</p>
  
  <h2>제목</h2>
  <p>단락</p>
</div>

cssh2:last-of-type {
  color: red;
}

Результат: