CSS 伪类 :empty 的用法

/* CSS 隐藏空元素 ，注意：empty前面的冒号不能有空格！*/
div.box:empty {
    display:none;
}

/* 子元素若有一个为空，隐藏父元素 */
.parentBox:has(.childBox:empty) {
    display:none;
}

/* 伪类 empty 和 before 的合并使用 */
.div.box:empty::before {
    content: '暂无相关内容';
}