html - 使用 Stylus 将 CSS 样式应用到所有 HTML 标签

Question

我想使用 Stylus 来隐藏所有图像。我有一个我放在一起的非常小的脚本，它非常适合 img 元素，但我正在努力使其也适用于背景图像。看来我必须为每种类型做一个特例。

例如，在启用此脚本后，旧的 buildapcsales reddit 页面 (https://old.reddit.com/r/buildapcsales/) 上仍然显示图像。发生这种情况是因为 background-image 仅应用于 div 和 body::before 元素，因为它们是唯一的我在脚本中指定的那些。我想将此 background-image 样式应用于页面上的所有 HTML 元素。

我目前使用的 Stylus 脚本如下所示。

img {
    display:none !important;
    height: 0 !important;
    width: 0 !important;
  }

div {
    background-image: none !important;
}

body::before {
    background-image: none !important;
}

这适用于大多数页面。对于我链接的页面(和其他页面)，它并不适用于所有 HTML 元素。 img 部分应用于所有 HTML img 元素，但 background-image 仅应用于指定元素。在隐藏 部分 一个(这是此页面上的问题)时，我正在寻找一种通用方法来隐藏所有背景图像或将我的样式更改应用于所有 HTML 元素/类？我尝试了使用 * 的各种选项以将更改应用于所有子项，但这没有帮助。例如，这什么都不做。

* {
    background-image: none !important;
}

* > * {
    background-image: none !important;
}

我不想按名称定位特定类。

Answer 1

某些背景可以使用简写 background 属性指定。

* {
  background-image: none !important;
  background: none !important;
}

由于 CSS 选择器按特异性确定优先级，根据定义，您不能应用通用选择器。