隱藏在p：schedule with css中的事件

Question

我有一個p:schedule，它顯示了2種事件。 與Events名單充滿了Try方法是這樣的：

//ResourceEvents 
eventResourceAvailPerDay.addEvent(new DefaultScheduleEvent(reason, dateBeginConverted, dateEndConverted, "resource")); 

//WaitingItemEvents 
DefaultScheduleEvent newResourceEvent = new DefaultScheduleEvent(reason, dteBeginOrWaitingItem, dteEndOrWaitingItem, orWaitinglist.getWKey()); 
newResourceEvent.setStyleClass("waitingitem"); 
eventResourceAvailPerDay.addEvent(newResourceEvent); 

的2 Events具有以下CSS類以上爲創建：resource，waitingitem

以下就是我想實現： 在月視圖中，我只希望waitingitem類可見，因此隱藏resource類，如果可能的話也可以重寫JSP 2.0，這些事件（waitingitem）是不可點擊的。 在weekview和dayview只有resource類應該是可見

我已經有了下面的CSS代碼，不給我我想要的結果：

.waitingitem, .schedule .waitingitem .fc-view-month, .waitingitem a { 
    display: none; 
} 
.waitingitem, .schedule .waitingitem .fc-view-agendaWeek, .waitingitem a { 
    display: block!important; 
} 
.resource, .schedule .resource .fc-view-month, .resource a { 
    display: block; 
} 
.resource, .schedule .resource .fc-view-agendaWeek, .resource a { 
    display: none!important; 
} 
.resource, .schedule .resource .fc-view-agendaDay, .resource a { 
    display: none!important; 
} 

有什麼建議？

UPDATE //工作CSS

schedule .fc-view-month .resource, 
.schedule .fc-view-agendaWeek .resource, 
.schedule .fc-view-agendaDay .resource, 
.schedule .fc-view-agendaWeek .waitingitem 
.schedule .fc-view-agendaDay .waitingitem 
{ 
    display: block; 
} 
.schedule .fc-view-month .waitingitem 
{ 
    display: none!important; 
} 

Answer 1

你可以嘗試這樣的事情：

#id-of-a-parent .fc-view-month .resource, 
#id-of-a-parent .fc-view-agendaWeek .waitingitem, 
#id-of-a-parent .fc-view-agendaDay .waitingitem 
{ 
    display: none; 
} 

#id-of-a-parent .fc-view-month .waitingitem, 
#id-of-a-parent .fc-view-agendaWeek .resource, 
#id-of-a-parent .fc-view-agendaDay .resource 
{ 
    display: block; 
} 

注：#id-of-a-parent可你什麼都想要，只是爲了讓規則更重要。

這有道理嗎？我仍然無法測試您的設置。