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

Question

我的目标是制作一个脚本，从/r/avatar 中删除剧透样式。

通过尝试使用 Firefox 的“检查元素”元素功能，我设法在其中一张 CSS 表中找到了使剧透标题透明的代码。看起来像这样

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

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

document.getElementsByClassName('.thing.over18')

尝试获取附加了(meta？)类的元素，但无论我如何使用类名，我都无法让它选择正确的元素(我有一个暗示，我没有使用现在正确的功能)。

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

Answer 1

CSS 或 HTML 中没有“元类”这样的东西。 .thing 是一个类选择器。 .over18 是另一个类选择器。你只有两个类选择器。

getElementsByClassName 只接受一个类名。

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

如果您想使用选择器，请使用 querySelector(对于单个元素)或 querySelectorAll(对于 NodeList)。

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