Facebook自定义样式：可见性隐藏的作品，显示无

Question

我正在尝试编写自定义样式表以重命名左侧边栏中的Facebook群组。我不是这些组的管理员，也不能更改名称，我只想阅读那些对我有意义的内容，特别是当许多组名以相同的单词开头并在侧栏列表中显示相同时。

我尝试做的是隐藏原始名称并插入我的自定义名称。

我可以使用以下内容插入我的自定义组名：

#navItem_group_136453550474635 a div:nth-child(2):after{
content: "Custom name";
}

不幸的是我不能用“display：none”缩小div的原始名称，只隐藏它，所以实际上有一些空格将我的自定义名称推送到第二行。

这有效：

#navItem_group_162405550444366 a div div{
visibility: hidden;
}

这不起作用：

#navItem_group_162405550444366 a div div{
display: none;
}

“display：none”不起作用，大概是因为div已经有display:block，但为什么我的浏览器样式表没有覆盖呢？

我在OS 10.8下使用safari。？，但我相信这不应该有所作为。

Answer 1

  

“display：none”不起作用，大概是因为div已经有了display：block，但为什么我的浏览器样式表没有覆盖呢？

您的规则是否与Facebook用于格式化此元素的规则相同？

您是否尝试在声明中添加!important，以覆盖Facebook自己的样式表格式？