css - 根据另一个类的焦点设置一个类的 CSS 样式

Question

是否可以根据另一个（RadioTic）的 FOCUS 更改不同类（TicCell）的样式

.
.
<td>
  <table>
    <tr>
      <td class="TicCell"><input type="checkbox" class="RadioTic" name="some_field"></td>
    </tr>
  </table>
</td>
.
.

我脑子里有这个。

.RadioTic:focus{
  .TicCell{
  background: #FCFFBA;
  border: 2px solid #FCFFBA; 
  }
}

Answer 1

所以看起来答案是否定的，但这里有一些 JQuery 可以解决问题。

        $('.RadioTic').focus(function() {
            $('.TicCell').css('background-color', '#FCFFBA');
            $('.TicCell').css('border', '2px solid #e2e5a7');
        });
        $('.RadioTic').blur(function() {
          $('.TicCell').css('background-color', '#FFFFFF');
          $('.TicCell').css('border', 'none');
        });

Answer 2

对不起，我不明白你所说的专注是什么意思。无论如何，为什么不这样做：没有
焦点

 .RadioTic,
    .TicCell{
      background: #FCFFBA;
      border: 2px solid #FCFFBA; 
    }

或带焦点

.RadioTic:focus,
.TicCell{
  background: #FCFFBA;
  border: 2px solid #FCFFBA; 
}

两个类具有相同的设计。