CSS 참조 가이드

CSS @규칙(RULES)

CSS 속성大全

CSS 함수(Function)CSS 선택자 전체 매뉴얼

CSS3 :empty 선택자

:empty CSS 페인트는 아무 자식 요소가 없는 요소를 나타냅니다. 자식 요소는 단순한 요소 노드나 텍스트(공백 포함)만 될 수 있습니다.

완전한 CSS 선택자 참조 매뉴얼

온라인 예제

비어 있는 div 요소의 배경색을 지정합니다：

예제

<!DOCTYPE　html>
<html>
<head>
<meta charset="utf-8">　
<title>기본 튜토리얼(oldtoolbag.com)</title>　
<style>
.box　{
　　　　background:　pink;
　　　　height:　80px;
　　　　width:　80px;
　　　　　margin:10px;
}
.box:empty　{
　　　　background:　lime;
}
</style>
</head>
<body>
<div class="box"><!--　나의 색상은 녹색입니다　--></div>
<div class="box">나의 배경색은 핑크입니다</div>
<div class="box">
　　　　<!--　나는 빨간색이 될 것이며, 이 박스 주위의 내용이 비어 있기 때문입니다　-->
</div>
</body>
</html>

테스트해 보세요 ‹/›

정의와 사용법

:empty

:empty 선택자는 아무 자식 요소가 없는 각 요소(텍스트 노드 포함)를 선택합니다.

브라우저 호환성

표에서의 숫자는 이 속성을 지원하는 첫 번째 브라우저 버전 번호를 나타냅니다.

선택자
:empty	4.0	9.0	3.5	3.2	9.6

완전한 CSS 선택자 참조 매뉴얼

CSS 함수(Function)CSS 선택자 전체 매뉴얼