如何切换文字颜色？

Question

我需要将文本颜色从红色切换到绿色,反之亦然.

<div id="logoup">DEEP</div>
<button id='btn'>CLICK</button>

CSS

#logoup{
    color:red;
}
.greened{
   color:green;
}

JS

$("#btn").click(function(){
    $('#logoup').toggleClass('greened');
});

不行.控制台是空的.

的jsfiddle

Answer 1

在CSS中,id定义的样式优先于类定义的样式.你可以简单地将类名附加到id来修复它,而不需要使用!important它只应作为最后的手段使用:

JS小提琴

#logoup.greened {
  color: green;
}