CSSでつかう
CSS
.box { float: left; margin: 10px; border-radius: 20px; width: 120px; height: 120px; font: 18px "AvenirNext-Heavy"; line-height: 120px; text-align: center; background: #a3a3a3; box-shadow: 0 0 5px rgba(0, 0, 0, .2); } .box:empty { opacity: 0.4; box-shadow: none; } .box:empty:after { content: "EMPTY"; }
という感じで、DOMが空だったときのスタイルを指定することができます。
JSでつかう
JS
doc.querySelectorAll(":empty");
という感じで、中身がからのDOMをセレクトすることができます。