仅使用CSS突出显示整个表格行

Question

我需要为Angular Bootstrap UI Datepicker添加一些自定义CSS，到目前为止相对容易。我已将uib-datepicker元素包装在div中，然后使用该div的ID来更改此特定日历。

HTML

<div class="modal-body confirmContent" id="calendarModal">
    <uib-datepicker id="datepickerWeek" ng-model="selectedWeek" class="well well-sm" datepicker-options="datepickerWeekConfig"></uib-datepicker>
</div>

CSS

#calendarModal > .well > table thead tr th button:hover,
#calendarModal > .well > table tbody tr td button:hover,
#calendarModal > .well > table tbody tr td button.btn-info.active,
#calendarModal > .well > table tbody tr td button.btn-info.active:focus{
    background-color: #155f8e;
} 

但是现在我需要根据tr类成为.btn-info的时间突出显示整个.active:focus。我已经研究过:has伪类，但我不认为我的语法正确。基本上我想要的是这样的东西：

#calendarModal > .uib-datepicker > .uib-monthpicker > tbody tr:has(> td button.btn-info.active:focus)

不幸的是，此解决方案必须仅限CSS。 jQuery是verboten，因为这是第三方插件，我不会在视图/部分某处拥有HTML。任何帮助/建议将不胜感激。