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

Question

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

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

正下方

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

我尝试了以下方法：

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

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

有什么想法吗？

Answer 1

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

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

jsFiddle example

Answer 2

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

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

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

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

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

jquery

html

css

wordpress

curly-braces