如何在sencha touch

Question

我使用Ext.ux.touchcalendar https://github.com/SwarmOnline/Ext.ux.TouchCalendar实现了日历。我想将一些单元格颜色更改为绿色，将某些单元格更改为红色，将某些单元格更改为蓝色。任何人都可以告诉该怎么做？

当我试图在skin.css中添加以下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;
}

示例输出：