如何仅隐藏作者页‘Total Reads’行而保留‘Total Posts’行？

嘿，我太懂这种类名重复的头疼了——俩元素共用一套类，直接设display: none肯定会把「Total Posts」也一起干掉！别慌，咱们用精准定位的方式就能只隐藏「Total Reads」那一行，给你俩靠谱方案：

方案一：CSS精准选择（现代浏览器适用） #

如果你的网站访客都用主流现代浏览器（Chrome、Edge、新版Firefox等），可以用CSS的:has()伪类结合文本匹配，直接锁定目标行：

/* 定位包含"Total Reads"标签的row行并隐藏 */
.row:has(.total-label:contains('Total Reads')) {
  display: none;
}

要是你的浏览器暂不支持:has()，可以试试根据元素顺序定位（前提是「Total Reads」在「Total Posts」之后，且两者在同一个父容器里）：

/* 假设父容器类是stats-container，Total Reads是第二个row */
.stats-container .row:nth-child(2) {
  display: none;
}

👉 注意：记得根据你页面的实际HTML结构，调整父容器的类名和nth-child的序号哦。

方案二：JavaScript方法（兼容所有浏览器） #

如果要兼顾旧版浏览器，用JS来精准匹配文本内容是最稳妥的，不管元素顺序怎么变都能找到目标：

// 遍历所有total-label元素，找到文本为Total Reads的那一行并隐藏
document.querySelectorAll('.total-label').forEach(label => {
  if (label.textContent.trim() === 'Total Reads') {
    label.closest('.row').style.display = 'none';
  }
});

使用说明 #

• CSS代码：直接加到你网站的自定义CSS区域（比如主题设置里的「自定义CSS」输入框，或者页面的<style>标签中）
• JavaScript代码：加到主题的「自定义JS」设置里，或者页面底部的<script>标签中

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