[selector] CSS - :only-child 가상선택자 - 그 부모의 유일자식요소 (유일선택자, IE9)

:only-child 예제

 

<style>

p:only-child {background: yellow;}

</style>

<div><p>홈짱닷컴</p></div>

<div>

  <span>Homzzang.com</span>

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

</div>

<div>

  <p>코딩교육 + 서버관리 <span>Since 2012</span></p>

</div>

 

결과보기

:only-child 정의

 

지정요소가 그 부모의 유일한 자식요소인 경우 선택.

 

---

 

1.

형제가 있는 경우엔 적용 X
단, 그 유일자식요소가 자손요소 갖는 건 상관 없음.

2.

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