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

Question

正如我在 Is it possible in css to give a color name an alternative HEX value? 中询问的那样显然没有人明白我在问什么，可能是因为我提问的方式不好，我想我应该用更好的措辞重新发布这个问题:

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

    <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>

上面的代码写在原始站点上，我无法更改它或将类/id 添加到那些 html 标记上。但现在我想创建一个单独的 CSS 样式表，让任何加载样式表的人都能看到绿色的加号项(在原始代码中标记为红色)，以及那些减号项(在原始代码中标记为绿色)红色。可以/如何完成？

Answer 1

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

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

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

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