CSS :only-of-type pseudo-class

정의와 사용법

CSS :only-of-type pseudo-class는 부모 요소 중 동일한 유형의 유일한 자식 요소로서의 모든 요소를 매칭합니다。

예제

아니면 부모 요소 중 동일한 유형의 유일한 자식 요소로서의 모든 <p>、<li> 및 <b> 요소에 스타일을 지정합니다:

p:only-of-type {
  background-color: red;
}
li:only-of-type {
  color: salmon;
}
b:only-of-type {
  color: green;
}

본인이 직접 시도해 보세요

CSS 문법

:only-of-type {
  css 선언;
}

기술 세부 사항

버전: CSS3

브라우저 지원

표에서의 숫자는 이伪类的首个浏览器版本完全支持的指定。

크롬 에지 파이어폭스 사파리 오페라
4.0 9.0 3.5 3.2 9.6