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

2024-01-27

正如我问的css 中是否可以为颜色名称提供替代的十六进制值? https://stackoverflow.com/questions/25470437/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>

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


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

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

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

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在无法添加类或 id 的情况下更改元素的内联样式文本颜色? 的相关文章