jQuery UI datepicker：如何将星期日涂成红色？答案

【问题标题】：jQuery UI datepicker: How to color sundays red?jQuery UI datepicker：如何将星期日涂成红色？
【发布时间】：2012-04-24 08:14:29
【问题描述】：

我需要用红色突出显示星期天。

我知道有一个类叫ui-datepicker-week-end。

我的问题是，即使设置了!important，其他类（ui-widget-content 和ui-state-default）也会覆盖ui-datepicker-week-end 的红色。

唯一有颜色的是日历标题中的周末。

【问题讨论】：

【解决方案1】：

您可以设置作为.ui-datepicker-week-end 元素后代的锚点的样式，并在添加背景颜色时将它们的background-image 属性设置为none。无需使用 !important 即可获得良好的结果：

.ui-datepicker-week-end a {
    background-image: none;
    background-color: red;
}

编辑：如果您想设置color 属性而不是background-color，您确实必须使用!important：

.ui-datepicker-week-end a {
    color: red !important;
}

你可以在this fiddle看到结果。

【讨论】：

感谢您的回答。但它仍然被覆盖。请看F12开发者工具截图：img0.www.suckmypic.net/img/g/X/rwFhrsfy/jquery-ui-calendar.png
抱歉，我以为你想设置 background-color 而不是 color。但是，!important 在与color 一起使用时可以在我的测试中使用。我会更新我的答案。

【解决方案2】：

简单的方法

星期天这样涂成红色

.datepicker table tr td:first-child {
color: red
}

这样星期一把颜色染成红色

.datepicker table tr td:first-child +td {
color: red
}

星期四这样涂成红色

.datepicker table tr td:first-child + td + td {
color: red
}

【讨论】：