全日历更改边框颜色不变

Question

嗨，我有这个用于完整日历（v 1.6.4）的当前CSS：

.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);

我对CSS paused-event是这样的：

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

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

期望：

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

Answer 1

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

.class1与div.class1.class2（更深的）

无论如何，如果您只需要快速解决此问题，您可以尝试：

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