jQuery 전체 캘린더 헤더 제목의 글꼴 색상을 변경하는 방법은 무엇입니까?

Question

내 작업에 jQuery full-calender을 사용하고 있습니다. 이미지에서와 같이 달력을 만들었지 만 머리글 (February 2015)의 제목 색을 녹색으로 변경하려고합니다.

지금까지 내가 그렇게 할 수 없었다 (주제에 맞게). 나는 .css 파일을 바꿀 것을 제안하는 몇 가지 질문과 대답을 보았다. 하지만 변경 사항이 모든 캘린더에 적용됩니다 (I'm having several calendars with several themes)

이 문제를 어떻게 해결할 수 있습니까?

UPDATE는 :

이것은 일례 코드 in a fiddle이다.

Answer 1

는 이것에 대한 해결책이다

CSS

div#fullcalendar .fc-header-title h2 { 
    color: #0F0; 
} 

Demo

이 작업을 수행합니다. 당신의 바이올린 예를

하고 예를 calender1에 대한

div#CalenderName .fc-header-title h2 { 
    color: #0F0; //change calender title Color accordingly 
} 

를 추가 할 수 있도록 모든 캘린더 ID는 고유해야합니다 따라

는 CSS에서 다음 캘린더 ID입니다

div#calender1 .fc-header-title h2 { 
    color: #0F0; //change calender title Color accordingly 
} 

이고 예를 들어 calender2 i CSS

div#calender2 .fc-header-title h2 { 
    color: #0F0; //change calender title Color accordingly 
} 

Answer 2

글꼴 색상을 덮어 쓰는 사용자 정의 클래스를 만든 다음 재정의하려는 특정 달력에만 추가하십시오.

(코드를 입력하지 않았으므로) 다음과 같이 보일 것입니다.

있는 style.css

.override-font-color { 
    font-color: #fff; 
} 

index.html을 여기

<div class="calendar-theme-header override-font-color">February 2015</div>