Как изменить цвет отдельных ячеек с помощью css в Ext.ux.touchcalendar в sencha touch

Question

Я реализовал календарь, используя Ext.ux.touchcalendar https://github.com/SwarmOnline/Ext.ux.TouchCalendar. Я хочу изменить цвет ячеек на зеленый, а некоторые ячейки - на красный, а некоторые ячейки - на синий Кто-нибудь может сказать, как это сделать?

Когда я TrID добавить ниже CSS в skin.css

.touch-calendar-view table.day tr :nth-child(3) td:nth-child(5).time-block { /* Selects third row, then select fifth cell. */ 
    background-color: green!important; 
} 

Благодаря

Answer 1

Календарные клетки делятся на несколько ячеек таблицы в нескольких строках таблицы.

Вы можете настроить таргетинг на определенный элемент, используя nth-child как для строки таблицы, так и для ячейки таблицы. Ниже код является шаблоном, лучше добавить некоторые классы вместо tr и td, чтобы он не влиял на другие таблицы.

tr:nth-child(3) td:nth-child(5) { /* Selects third row, then select fifth cell. */ 
    background: lightblue; 
} 

Пример вывода: