[selector] CSS - :first-of-type 가상선택자 - 지정타입 첫번째자식요소 (순서선택자/순번선택자/타입선택자, IE9)

:first-of-type 예제

 

<style>

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

</style> 

<div>    

    <h1>홈페이지 소개</h1>

    <p>홈짱닷컴</p>

    <p>Homzzang.com</p>

    <p>Since 2012</p>

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

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

</div>

 

결과보기

:first-of-type 정의

 

그 부모의 자식요소들 중, 지정타입 중 첫번째인 자식요소 선택.

 

---

 

1.

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

 

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