HTML怎么用empty选择器_html CSS empty空元素选择器用法【参考】

:empty仅匹配DOM中无任何子节点（含文本节点）的元素，换行、空格、注释均使其失效；它探测结构为空而非视觉为空，适用兜底样式或隐藏真正空容器，但不支持替换元素、contenteditable元素及:blank伪类。 只匹配子节点数为 0 的元素，不是“看起来空”，而是 DOM 层面真正一无所有——连换行、空格、 都会让它失效。直接写 很容易白忙活，得先确认它真能选中。 为什么写了 却没生效？ 最常出问题的地方不在 CSS 写法，而在 HTML 实际生成结果： 服务端模板（如 Jinja、Thymeleaf）默认保留缩进和换行 → 渲染出 ，那个 是文本节点，不匹配 前端 JS 清空内容时用了 ，但没删掉残留的