通过CSS动态更改跨度颜色

时间:2017-11-05 15:53:45

标签: css

我正在开发一个在H3元素中有span块的Angular应用程序。只要需要变为绿色,此span元素就会动态接收类green。我希望以下css代码可以工作:

h3 span {
  background: #d2001b;
}
h3 span.green {
  background: #669900 !important;
}

然而,这总是使我的范围#d2001b。我做错了什么?

1 个答案:

答案 0 :(得分:0)

这是一个vanilla javascript示例,您的css似乎是正确的,没有!important的事件。

确保没有其他css覆盖背景颜色。

span = document.querySelector('#myspan');

span.onclick = event => {
  span.classList.toggle('green');
}

完整示例https://codepen.io/anon/pen/Ebyxwr