用户脚本GM_addStyle

Question

我正在尝试使用用户脚本在Facebook（墙上，信息，照片等）上的个人资料图片下更改条形图的背景颜色..我正在尝试这样做，但它不起作用：

GM_addStyle("#uiSideNav uiSideNavSection uiFutureSideNavSection{ background-color:#ffffff; }");

有什么想法吗？谢谢！

Answer 1

我不是一个大Facebook用户，但我测试的随机墙页没有ID为 uiSideNav 的节点。

尝试使用.uiSideNavSection .uiFutureSideNavSection的选择器 - 它存在于我采样的页面上。所以使用：

GM_addStyle(".uiSideNavSection .uiFutureSideNavSection { background-color:#ffffff; }");

请注意，您需要在班级名称前面加点。

此外，只是样式更改，Stylish add-on更好更快。

Answer 2

uiSideNavSection看起来很可疑，因为在CSS中只会匹配具有该名称的元素，即＆lt; uiSideNavSection＆gt;。查看this tutorial的选择器部分以了解详情。

您是否检查过您尝试使用Firebug或Chrome的检查员设计样式的DOM？如果您无法弄明白，请在此处发布DOM结构的相关部分，这可能有助于您给出答案。

您可能还需要!important来覆盖网页的样式：background-color:#ffffff !important;。