FullCalendar改变边框颜色不改变

Question

您好我有fullCalendar这个当前CSS（V 1.6.4）：

.full-calendar .fc-content .fc-event-container .fc-event { 
    background: #ef6262!important; 
    border-color: #eb3d3d!important; 
    color: #fff!important; 
    border-radius: 0; 
} 

当我添加一个新类的事件（基于一些编程计算）我这样做：

event.className = 'paused-event'; 
calendar.fullCalendar('updateEvent', event); 

我paused-event CSS是这样的：

.paused-event, 
.paused-event div, 
.paused-event span { 
    background: #71CCBF; 
    border-color: #65B7AB; 
} 

背景颜色变化correctl y，边框保持与默认CSS相同。

预期：当paused-event类存在

事件颜色和边框应该改变。

Answer 1

!important s覆盖最新的类属性。你可以尝试添加!important到.paused-event性能好，但最好是避免任何!important S和简单地用更深的选择影响（尽管它的怪异的背景不改变考虑的重要）覆盖：

.class1 VS div.class1.class2（更深的一个）

不管怎么说，如果你只是需要解决的是快速的，你可以试试！

.paused-event, 
.paused-event div, 
.paused-event span { 
    background: #71CCBF; 
    border-color: #65B7AB !important; 
}