FullCalendar изменить цвет границы не меняется

Question

Привет У меня есть этот текущий CSS для 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; 
} 

цвет меняется фон correctl y, граница остается такой же, как и CSS по умолчанию.

Expectancy:

Цвет события и граница должна измениться, когда paused-event класс присутствует.

Answer 1

!important s переопределяют свойства последнего класса. Вы можете попробовать добавить !important в .paused-event свойство, как хорошо, но лучше было бы избежать !important с и просто переопределить, воздействуя с более глубоким селектором (хотя это странно, фон действительно изменяется с учетом важным):

.class1 против div.class1.class2 (глубже один)

в любом случае, если вам просто нужно решить, что и быстро вы можете попробовать:

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