This page is part of the CSS3.info CSS selectors test. See more info on CSS3 selectors.
:empty {
}
<div></div>
The CSS selector should match the div element, because it is empty
:empty {
}
<div><!-- Just a comment --></div>
The CSS selector should match the div element, because it is empty
:empty {
}
<div> </div>
The CSS selector should not match the div element, because it is not empty
:empty {
}
<div>
How about regular text...
</div>
The CSS selector should not match the div element, because it is not empty
:empty {
}
<div><blockquote></blockquote></div>
The CSS selector should not match the div element, because it is not empty
:empty {
}
<div id='appendChild'></div>
var ib = document.getElementById('appendChild');
ib.appendChild(document.createElement("div"));
The CSS selector should not match the orignal div element, because it will not be empty anymore after the Javascript code appends a child element to it.