[selector] CSS - :last-of-type 가상선택자 - 지정타입 마지막자식요소 (순서선택자,타입선택자, IE9)

:last-of-type 예제

 

<style>

p:last-of-type {background: yellow;}

</style> 

<div>

    <p>홈짱닷컴</p>

    <p>Homzzang.com</p>

    <p>Since 2012</p>

    <p>홈페이지 제작관리</p>

    <span>서버관리 코딩언어</span>    

</div>

 

결과보기

:last-of-type 정의

 

그 부모의 자식요소들 중, 지정타입요소 중 마지막인 자식요소 선택.

 

---

 

1.

순서는 동일타입 요소끼리만 따짐.

 

2.
IE9 이상 주요 최신브라우저 지원.