代码的屏幕截图

Question

因此，我在Mac和iOS上使用称为1Blocker的名称。我发现它非常有用。在Mac应用程序上，它可以帮助您告诉您在iOS应用程序中创建的规则。

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

但是我也使用特定于站点的浏览器Fluid应用。 1Blocker不会对此产生影响。

它具有执行 UserScripts 和 UserStyles 的功能。

我的目标是隐藏以下CSS选择器 #rhf-container .rhf-border

我该如何使用 UserStyles 来实现这一目标？

我的尝试在这里：

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

Answer 1

根据我对Fluid应用程序的了解，Userstyles仍使用普通的CSS语言。这意味着要隐藏所需的元素，它应该很简单：

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

如果在那里没有成功，我也会尝试：

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

使用!important会将新的显示设置推到与之前的display设置有关的所有CSS上方，并且位于同一元素上。

如果仍然没有运气，请确保在HTML和CSS中正确正确地命名了元素。您应检查自己的元素id等于rhf-container，其中的一个孩子的class等于rhf-border

编辑：

由于您的问题已更改（在此答案的答复中），我将其添加为修改内容。要仅隐藏整个rhf-container，只需执行以下操作：

#rhf-container {
    display: none;
}

我也强烈建议您在有机会的情况下通读一些CSS documenation，当您坚持使用时，这真的很有趣。

Answer 2

您可以尝试

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;
}

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