CSS :only-child 퍼시브

정의와 사용법

CSS :only-child 퍼시브는 자신의 부모 요소의 유일한 자식 요소로서의 모든 요소를 선택하고 스타일을 설정하는 데 사용됩니다。

예제

자신의 부모 요소의 유일한 자식 요소로서의 모든 <p>、<li> 및 <b> 요소에 스타일을 지정합니다：

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

본인이 직접 시도해보세요

CSS 문법

:only-child {
  css 선언;
}

기술 세부 사항

버전： CSS3

브라우저 지원

표格에 나타난 숫자는 이伪类的第一个完全支持的浏览器版本을 지정합니다。

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