의사 클래스 last-of-type
의사 클래스 last-of-type는 부모 요소 내에서
지정된 유형의 마지막 자손인 요소를 선택합니다.
즉, 만약 제가 h2:last-of-type라고 쓰면,
부모 안에서 마지막 h2를 찾을 것입니다
(부모 안에서 아무런 조건 없이 마지막 자식인
요소만 찾는 last-child와
달리).
구문
선택자:last-of-type {
}
예시
부모 요소 내에서 마지막 h2 제목을 찾아봅시다:
<div>
<h2>제목</h2>
<p>단락</p>
<h2>제목</h2>
<p>단락</p>
<h2>제목</h2>
<p>단락</p>
</div>
h2:last-of-type {
color: red;
}
:
