我知道要隐藏的 CSS 选择器 - 如何将 "UserStyle" 设置为 "display:none" 呢？

I know the CSS selector I want to hide - how do I set a "UserStyle" to "display:none" it?

所以我在 Mac 和 iOS 上使用了一种叫做 1Blocker 的东西。我发现它非常有用。在 Mac 应用程序中，它会告诉您您在 iOS 应用程序中创建的规则。

网页现在在我所有设备上的 Safari 浏览器上看起来都很完美。

但我也使用 Fluid 应用程序，一种特定于站点的浏览器。 1Blocker 对此没有影响。

它可以执行 UserScripts 和 UserStyles。

我的objective是隐藏后面的CSS选择器 #rhf-container .rhf-border

我要在 UserStyles 中写什么来实现这个？

我的尝试在这里：

[div id="rhf-container"] {
display: none;
}

代码截图

this is the screenshot of the page as requested

根据我对 Fluid 应用程序的理解，Userstyles 仍然使用正常的 CSS 语言。即隐藏你想要的元素，应该很简单：

#rhf-container .rhf-border {
    display: none;
}

如果你那里没有成功，我也试试：

#rhf-container .rhf-border {
    display: none !important;
}

使用 !important 将您的新显示设置推到任何 css 之上，关于它之前和同一元素上的 display 设置。

如果您仍然不走运，请确保在您的 HTML 和 CSS 中元素的命名绝对正确。你应该检查你有一个 id 等于 rhf-container 的元素，里面有一个 child 和 class 等于 rhf-border

编辑：

由于您的问题已更改（在对此答案的回复中），我会将其添加为编辑。要隐藏整个 rhf-container，您只需要这样做：

#rhf-container {
    display: none;
}

我强烈建议您也有机会通读一些 CSS documenation，一旦您陷入其中，它实际上真的很有趣。

你可以试试

div[id="rhf-container"] {
  display: none;
}

/* or */

div#rhf-container {
  display: none;
}

div[id="rhf-container"][class="rhf-border"] {
  display: none;
}

/* or */
div#rhf-container.rhf-border {
  display: none;
}

如果不起作用，那是不正确的元素