我知道要隐藏的CSS选择器-如何设置“CSS选择器”;“用户风格”;至;显示:无“;信息技术

我知道要隐藏的CSS选择器-如何设置“CSS选择器”;“用户风格”;至;显示:无“;信息技术,css,css-selectors,userstyles,fluid-mac-app-engine,Css,Css Selectors,Userstyles,Fluid Mac App Engine,所以我在Mac和iOS上使用了一种叫做1Block的东西。我发现它非常有用。在Mac应用程序上,它会告诉您在iOS应用程序中创建的规则 该网页现在在我所有的设备上的Safari上看起来都很完美 但我也使用Fluid应用程序,一种特定于网站的浏览器。1Blocker不影响这一点 它具有执行用户脚本和用户样式的功能 我的目标是隐藏以下CSS选择器 #rhf容器。rhf边框 要实现这一点,我应该在UserStyles中写些什么 我的尝试是: [div id="rhf-container"] { dis

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

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

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

它具有执行用户脚本用户样式的功能

我的目标是隐藏以下CSS选择器
#rhf容器。rhf边框

要实现这一点,我应该在UserStyles中写些什么

我的尝试是:

[div id="rhf-container"] {
display: none;
}
代码截图

根据我对Fluid应用程序的理解,
Userstyles
仍然使用正常的CSS语言。这意味着要隐藏所需的元素,它应该非常简单:

#rhf-container .rhf-border {
    display: none;
}
如果你在这方面没有成功,我也会尝试:

#rhf-container .rhf-border {
    display: none !important;
}
使用
!重要信息
将新的显示设置推到与
显示
设置相关的css之上,并推到同一元素上

如果您仍然没有任何运气,请确保元素在HTML和CSS中的名称完全正确。您应该检查是否有一个
id
等于
rhf容器的元素,其中有一个子元素
class
等于
rhf边框

编辑:

由于您的问题已更改(在对此答案的答复中),我将添加此作为编辑。要隐藏整个
rhf容器
,只需执行以下操作:

#rhf-container {
    display: none;
}
我也强烈建议你有机会的时候也读一些,一旦你陷入困境,这真的很有趣。

你可以试试

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

/* or */

div#rhf-container {
  display: none;
}

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

不走运。如果我想不加载整个
rhf容器(一个确实存在的div id),该怎么办?此外,是否需要在开始时加载
#
?我已经研究了其他用户样式,比如前面的
@字体
?(请原谅我的无知,我正在学习)
id=“rhf container”
class=“rhf border”
exist@NicholasKunze好的,我已经在我的答案中添加了额外的代码,它应该只隐藏整个
rhf容器
。不,别担心!毕竟我们是来帮忙的:)。简而言之,当您通过
id
查找元素时,使用哈希标记;当通过
class
查找元素时,使用句点/句点;当您需要为浏览器提供特殊说明时,使用
@
符号,例如,
@font-face
导入字体并
@media
启动媒体query@NicholasKunze如果您可以在遇到此问题的应用程序的网站/页面链接上发表评论,我们可能会更容易提供帮助。如果你不能做到这一点,也许可以发送一个你用来创建元素的HTML代码的截图?它成功了!我使用了第一个从
div#rhf container{
div[id="rhf-container"][class="rhf-border"] {
  display: none;
}

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