用户脚本GM_addStyle

Question

我正在尝试更改facebook个人资料图片下的栏的背景颜色(墙，信息，照片等)使用userscript..我试着这样做，但没有效果：

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中，只会匹配具有该名称的元素，即。请查看this tutorial的选择器部分以了解更多信息。

你检查过你试图用Firebug或Chrome的检查器设置样式的DOM了吗？如果您不能解决这个问题，可以在这里发布DOM结构的相关部分，这可能会给您一个答案。

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