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>

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

Answer 1

您可以使用属性/值选择器，如下所示;

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

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

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

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

1 个答案: