CSS :empty 위젯

정의와 사용법

CSS :empty 위젯은 자식 요소(텍스트 노드 포함)가 없는 각 요소를 매칭합니다。

힌트:요소가 다른 요소, 텍스트 또는 태그 간의 공백을 포함하면 해당 요소는 자식 요소를 가집니다。

예제

class="box"를 가진 빈 요소에 연한 주황색 배경색을 지정합니다:

box:empty {
  background-color: salmon;
}

직접 시도해 보세요

CSS 문법

:empty {
  css 선언;
}

기술 세부 사항

버전: CSS3

브라우저 지원

표格에 표시된 숫자는 이伪类을 최초로 완전히 지원하는 브라우저 버전을 지정합니다。

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