我正在开发一个在 H3 元素中具有跨度块的 Angular 应用程序。每当需要变为绿色时,此 span 元素都会动态接收类green
。我希望以下 css 代码可以工作:
h3 span {
background: #d2001b;
}
h3 span.green {
background: #669900 !important;
}
然而,这总是让我的跨度#d2001b
.我做错了什么?
这是一个普通的javascript示例,你的css似乎是正确的,没有!important
的事件。
确保没有其他 css 覆盖背景颜色。
span = document.querySelector('#myspan');
span.onclick = event => {
span.classList.toggle('green');
}
完整示例 https://codepen.io/anon/pen/Ebyxwr