FullCalendar更改边框颜色不变

Question

嗨我有这个当前的CSS for fullCalendar（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;
}

背景颜色正确更改，边框与默认CSS保持一致。

预期：

当paused-event类存在时，事件颜色AND边框应该更改。

Answer 1

!important正在覆盖最新的类属性。您也可以尝试将!important添加到.paused-event属性，但最好的方法是避免使用任何!important，只需通过影响更深的选择器来覆盖（尽管它可以考虑到重要的事情，背景确实会发生变化：

.class1 vs div.class1.class2（更深层次）

无论如何，如果你只是需要快速解决，你可以尝试：

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