CSS display:none;如果内容:“}”;

CSS display:none; if content:"}";

我有一个令人难以置信的恼人花括号,我无法摆脱它。

我有一个 WordPress 网站 运行 并安装了一个插件。
此插件在页面顶部添加右花括号 }
<body>

正下方

我浏览了整个插件页面,但找不到它。 现在我想用一些 CSS 隐藏它,但是花括号没有 class 或 id 或其他任何东西。

我尝试了以下方法:

body{
  content:"}";
  display:none;
}

但显然这只是清除了整个页面。

有什么想法吗?

一个普通的旧 Javascript 解决方案是在第一个索引处测试 TEXT_NODE 类型的节点并确保其文本完全是 { - 我已经修剪了以空格为例,但也许您不需要。

var firstChild = document.body.childNodes[0];
if(firstChild && firstChild.nodeType === 3 && firstChild.textContent.trim() === "{") {
    document.body.removeChild(firstChild);
}

jsFiddle example

最好的做法(也是正确的做法)是找到讨厌的 } 的来源并将其删除!使用代码删除它不是一个好主意。

尝试通过代码来实现这一点是一个糟糕的想法。轻易放弃在代码中寻找 } 是一个坏兆头。

如果您知道是什么插件导致的,请返回并继续检查直到找到它。这不仅是最佳解决方案,而且是正确的解决方案。