-1

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

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

但我也使用 Fluid 应用程序，一个特定于站点的浏览器。1Blocker 不影响这一点。

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

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

我在UserStyles中写什么来实现这一点？

我的尝试在这里：

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

代码截图

这是请求的页面截图

4

2 回答 2

0

根据我对 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 文档，一旦您陷入其中，它实际上真的很有趣。

于 2019-11-22T23:16:15.770 回答
-1

你可以试试

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

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

于 2019-11-22T23:54:07.947 回答