html - CSS スタイルシートを単純化するには?

Question

CSSシートでCSSセレクターを簡素化しようとしています

私は次のようなものを持っています

.table_test .div, .table_name .div, .table_company .div{
    color:black;
}


.table_test .div table input, .table_name .div table input{
    color:red;
}

私のhtmlは次のようなものです

<div class='table_test'>
  <div class='div'>......
  <table>
   <tr>
    <td><input>...</td> 
   </tr>
  </table>
</div>

<div class='table_name'>
  <div class='div'>......
  <table>
   <tr>
    <td><input>...</td> 
   </tr>
  </table>
</div>

非常に多くのセレクターがクラスター化されているように感じ、よりシンプルにする方法があるかどうか疑問に思っていました。助けてくれてありがとう！