jQuery UI datepicker：如何将星期日变成红色？

Question

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

我知道有一个名为ui-datepicker-week-end的课程。

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

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

Answer 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中看到结果。

Answer 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
}