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; 
}