基于另一个的焦点设置类的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; 
    }

或 w / focus

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

两个具有相同设计的类。