javascript - 有没有办法设置一个元素的样式，使其及其所有内容呈现 50% 褪色？

Question

我正在开发一个用户脚本，该脚本将缺失的功能添加到我无法控制的第 3 方网站。

它将根据页面和一些 webAPI 调用的结果计算 URL。这些 URL 将添加到页面的 HTML 中。

然后对于呈现为 :visited 的任何 URL，我希望通过操纵样式将它所属的 li 元素设置为“淡化”。

抱歉，这可能是我元素的更具体的细节，无法描述我的问题。

我不确定如何实现的唯一部分是如何让 li 元素(以及其中呈现的所有元素)呈现为半淡入背景颜色。

我猜想可能有标准的方法可以用现代 HTML 和 CSS 来做到这一点。

我正在使用最新的稳定版 Chrome，不需要支持旧浏览器。

Answer 1

Is there a way to style an element such that it and all its contents will be rendered 50% faded?

不透明度

yourelement {
opacity:0.5;
}

这会影响元素，因为它是继承的，所以它也会应用于所有子元素。

但是请注意，如果链接是 :visited，则必须通过 javascript 设置不透明度，因为没有 CSS“Parent Selector”。/强>