FullCalendar Änderung Grenzfarbe nicht ändert

Question

Hallo ich diesen aktuellen CSS haben für 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; 
} 

Wenn ich eine neue Klasse zu einem Ereignis hinzufügen (basierend auf einigen Programmier Berechnungen) Ich mache das :

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

Mein paused-event CSS ist dies:

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

Die correctl Farbänderungen Hintergrund y, der Rahmen bleibt gleich dem Standard-CSS.

Expectancy:

Die Veranstaltung Farbe und Grenze sollte sich ändern, wenn die paused-event Klasse vorhanden ist.

Answer 1

Die !important s überschreiben die neuesten Klasseneigenschaften. Sie könnten versuchen, auch !important-.paused-event Eigenschaften hinzuzufügen, aber das Beste wäre, all !important s zu vermeiden und einfach außer Kraft setzen, indem sie mit einem tieferen Wähler zu beeinflussen (obwohl es seltsam ist der Hintergrund der wichtige Berücksichtigung nicht ändert):

.class1 vs div.class1.class2 (tiefere)

Auch immer, wenn Sie einfach das lösen müssen und schnell können Sie versuchen:

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