html - 如何在无法添加类或 ID 的情况下更改元素的内联样式文本颜色？

Question

正如我在 CSS 中是否可以为颜色名称提供一个替代的 HEX 值？显然没有人明白我在问什么，可能是因为我的提问方式不好，我想我应该用一些更好的措辞重新发布这个问题：

有一个网站在其页面中编写了如下代码，示例如下：

    <span style="color:red;">+3000</span>
    <span style="color:green;">-2000</span>
    <span style="color:red;">+1500</span>
    <span style="color:red;">+4200</span>
    <span style="color:green;">-100</span>
    <span style="color:black;">+/-0</span>

上面的代码是在原始站点上编写的，我无法更改它或将 class/id 添加到这些 html 标签上。但是现在我想创建一个单独的 CSS 样式表，使任何加载样式表的人都会看到那些加号项目（在原始代码中标记为红色）为绿色，而那些减号项目（在原始代码中标记为绿色）红色。可以/怎么做？

Answer 1

您可以按如下方式使用属性/值选择器；

[style*="color:red"] {
    color: green !important;
}

[style*="color:green"] {
    color: red !important;
}

您需要使用!important关键字来避免浏览器使用内联值。