无稳定id类名时，如何仅靠内部纯文本用纯CSS移除<div>？

原生CSS的能力边界 #

• 目前原生CSS不支持「根据元素内部的纯文本内容匹配，反向选中外层父元素」的能力，这也是找不到合适选择器的根本原因：需要隐藏的整行.user-stat模块，唯一的区分特征是其内部标签里的"Received""Given"这类无包裹的纯文本，这类文本没有专属标签、没有自定义属性做标记，传统CSS选择器完全没法直接定位到外层的整行容器。
• 之前系统匹配到的旧问题解法，仅支持隐藏带纯文本的子节点本身，和需要隐藏整行的需求完全错位，所以匹配判定并不准确。

适配移动端的纯CSS落地方法 #

现代浏览器已原生支持:has()父选择器，可以借助页面元素自带的固定结构特征做选择锚点，完全不需要依赖纯文本本身做匹配：

• 从提供的HTML结构可以看到，每个统计项的图标和标签文本是一一对应的：带有"Received"文本的模块，内部永远搭载心形矢量图标，直接用这个稳定特征写选择器，就能精准选中需要隐藏的整行容器：

/* 选中所有内部包含心形图标的用户统计模块，整行隐藏 */
div.user-stat:has(use[href="#heart"]) {
  display: none;
}

• 该方案的兼容性完全覆盖移动端场景：iOS 15.4以上的Safari、安卓端Chrome 105以上版本全部原生支持:has()选择器，不需要引入任何JS代码，完全符合纯CSS实现的要求。

老旧版本浏览器的兼容补充 #

如果需要适配不支持:has()的极旧浏览器，不存在100%纯CSS的实现路径，只能补充极少量的JS逻辑：遍历所有.user-stat元素，判断内部标签文本是否匹配目标关键词，命中就给元素加上自定义隐藏类，配合display:none样式实现效果，整体代码量非常小。

内容的提问来源于stack exchange，提问作者Wesley