替代全面行背景颜色

Question

（我已经检查了此帖子）我尝试从FullCalendar交替交换本周背景颜色，我尝试了很多，但是它更改了我的所有背景或仅更改事件背景。我使用Chrome Inspect工具并看到它们使用该表，但是每个表都没有类名。

//这是我尝试的代码：

table tr:nth-child(even) {
background: #CCC
}
table tr:nth-child(odd) {
background: #FFF
}

在那里代码仅更改我的事件内容背景颜色，而不是整个星期的背景。

非常感谢！

Answer 1

而不是使用nth-child，使用nth-of-type。

另外，您需要定位代表行的<div>元素系列 - 它们不是表。它们在表格中，其中有更多的表，但是行实际上是<div> S（当您使用浏览器工具检查日历的渲染HTML时，您可以看到这一点）。

.fc-day-grid > div.fc-row:nth-of-type(even) {
    background: #CCC;
}

请参阅http://jsfiddle.net/sbxpv25p/66/有关工作演示。

归功于此答案：CSS Diving交替颜色用于提供divs上交替颜色的通用示例 - 实际上，此解决方案不是针对FullCalendar的特定特定的，它特定于HTML的结构。

Answer 2

对于@fullcalendar Angular实现，您可以使用此选择器

来实现此目标

.fc-timegrid-slots tr:nth-of-type(even) {
    background: #CCC;
}