• Q&A
  • 회원가입
  • 로그인

[selector] CSS - :only-of-type 가상선택자 - 타입유일자식요소 (유일선택자,타입선택자, IE9)

138  

:only-of-type 예제

 

<style> 

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

</style>


<div>

  <p>홈짱닷컴</p>  

</div>


<div>

  <p>Homzzang.com</p>

  <p>Since 2012</p>  

</div>


<div>

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

  <span>코딩교육 서버관리</span> 

</div>

 

결과보기

 

:only-of-type 정의

 

그 부모의 자식요소 중, 지정타입요소가 유일한 경우 선택.
즉, 독자이거나 형제요소 있더라도 타입이 유일할 때 적용.

 


 

1.

형제요소 중 동일 타입 존재 시엔 적용 안 됨.

2.

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

 



방문자 수

오늘 1,571
어제 1,760
최대 2,271
전체 793,309
Since 2012