javascript - 更改javascript类背景颜色

Question

我有这个 Javascript....

<script>          
$('.tile').on('click', function () {

    $(".tile").addClass("flipOutX");
    setTimeout(function(){
        $('metro tile-area-darkCrimson').css('background-color','#f36c20');
        $(".tile-group.main").css({ marginLeft:"-40px", width: "1080px"}).load("musability-musictherapy-company-overview.html");
    }, 2000);

});
</script> 

metro tile-area-darkCrimson 类在 CSS 中定义....

.metro .tile-area-darkCrimson {
  min-width: 100%;
  height: 100%;
  background-color: #1f255b !important;


    transition: background-color .25s ease-in-out;
    -moz-transition: background-color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out;

}

为什么即使其他功能有效，背景颜色也没有改变？提前感谢很多帮助。

干杯，格雷格。

编辑------------

我现在听取了有帮助的人的建议

<script>          
$('.tile').on('click', function () {

    $(".tile").addClass("flipOutX");
    setTimeout(function(){
        $('.metro .tile-area-darkCrimson').addClass('color-red');
        $(".tile-group.main").css({ marginLeft:"-40px", width: "1080px"}).load("musability-musictherapy-company-overview.html");
    }, 2000);

});
</script> 

并已将此添加到 CSS 中......

.color-red { 背景:#f36c20;

但仍然无法正常工作，非常感谢帮助。

谢谢，格雷格。

Answer 1

你试过不带 !important 标签吗？

改变这个:

background-color: #1f255b !important;

进入这个:

background-color: #1f255b;