목차
- :empty 예제 - 텅 빈 <p>요소만 배경색 지정
- :empty 정의
- :empty 구문
- $nbsp; 포함 요소 경우, JS 이용 필요
:empty 예제 - 텅 빈 <p>요소만 배경색 지정
<style>
p {width:200px; height:20px; background:yellow;}
p:empty {background: red;}
</style>
<p></p>
<p> </p>
<p> </p>
<p>홈짱닷컴</p>
<p>Homzzang.com</p>
결과보기
:empty 정의
(태그, text노드, 공백, ) 등의 자식이 전혀 없는 요소 선택.
1.
CSS3
2.
IE9 이상 주요 최신 브라우저 모두 지원
:empty 구문
:empty { ... }
$nbsp; 포함 요소 경우, JS 이용 필요
<style>
p {width:200px; height:20px; background:yellow;}
</style>
<script src="https://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
$('p:contains(\u00a0)').css("background-color", "red");
});
</script>
<p></p>
<p> </p>
<p> </p>
<p>홈짱닷컴</p>
<p>Homzzang.com</p>
결과보기
PS. 주의: contains() 매개변수에 넣으면 작동 안 함.