如何使用GreaseMonkey脚本覆盖(css)元类属性?

时间:2014-08-24 18:35:09

标签: javascript css greasemonkey reddit tampermonkey

我的目标是创建一个脚本,它将从/ r / avatar中删除剧透风格。

通过使用Firefox的“inspect element”元素功能,我已经设法在其中一个CSS表中找到了代码,这使得被破坏的标题变得透明。看起来像这样

html:not([lang="ns"]) .thing.over18 a.title{
opacity:0.0
}

我一直在寻找一种从greasemonkey覆盖这个属性的方法,但我不确定如何。我是javascript的新手:我一直在尝试使用

document.getElementsByClassName('.thing.over18')

尝试使用附加到它的(meta?)类来获取元素,但无论我如何使用类名,我都无法选择正确的元素(我有一个我不使用的模型)现在正确的功能。)

在userscripts.org上实际上有一个脚本做了类似的事情(unpoiler / r / pokemon),但似乎用户脚本已经关闭,所以我无法查看它的来源。

1 个答案:

答案 0 :(得分:1)

没有"元类"在CSS或HTML中。 .thing是一个类选择器。 .over18是另一个类选择器。你只有两个类选择器。

getElementsByClassName只接受一个班级名称。

document.getElementsByClassName('thing')
document.getElementsByClassName('over18')

如果要使用选择器,则使用querySelector(对于单个元素)或querySelectorAll(对于NodeList)。

document.querySelectorAll(".thing.over18");