Question

我正在使用bootstrap datepicker，我的要求是选择每周。所以我写了这两个css ..

.datepicker-dropdown .datepicker-days tr:has("td.active") {
    background-color: green;
    color: yellow;
}
.datepicker-dropdown .datepicker-days tr:hover td.weekly{
    background-color: #808080;
}

在上面的代码中，悬停正在处理放置光标。在选择整个tr之后，即使td具有活动类，也不突出显示。我在jQuery中尝试了相同的工作正常，下面是jquery代码

.datepicker-dropdown .datepicker-days tr.selectedWeek {
    background-color: green;
    color: yellow;
}

$(".datepicker-dropdown .datepicker-days tr:has(> td.weekly.active)").each(function() {
    $(this).addClass("selectedWeek");
});

但我想知道如何在CSS中做到这一点？

Answer 1

不幸的是，没有办法在css中定位父元素。请参阅：https://css-tricks.com/parent-selectors-in-css/

如何根据孩子在父母身上申请css

1 个答案: