按周替换fullcalendar行背景颜色

Question

（I check this post already） 我尝试从fullcalendar中替换周背景颜色，我尝试了很多，但它改变了我的所有背景或只更改事件背景。 我使用chrome检查工具并看到他们使用该表，但每个表都没有类名。

//这是我尝试的代码：

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 div alternating colour用于提供divs上交替颜色的通用示例 - 实际上这个解决方案不是特定于fullCalendar，而是特定于HTML的结构。

Answer 2

对于@fullcalendar角度实现，您可以通过使用此选择器来实现

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