如何使用Classname将CSS应用于特定表的td？

Question

如何使用 Classname 将CSS应用于特定表格的td？ （不是ID或名称）

以下是HTML

<table class="pure-table ToBeApplied">
 <tbody>
  <tr class="pure-table-odd">
   <td>
    <label>Bank</label>
   </td>
   <td>
    <label>Japha Bank</label>
   </td>
  </tr>
 </tbody>
</table>
<table class="pure-table NotToBeApplied>
 <tbody>
  <tr class="pure-table-odd">
   <td>
    <label>Bank</label>
   </td>
   <td>
    <label>Japha Bank</label>
   </td>
  </tr>
 </tbody>
</table>

我想申请CSS说

td {padding-top:0; padding-bottom:0;}

• 我想将它应用于具有 Classname ''ToBeApplied''的表的td。
• 我不想写一个类，并在表的每个td上写一遍
• 我不希望它适用于第二个表的td Classname ''NotToBeApplied''

如何修改HTML和CSS以实现上述目标？

Answer 1

试试这个

{{1}}

Answer 2

使用：
.ToBeApplied td {padding-top:0; padding-bottom:0;}

Answer 3

试试这个

table.pure-table.ToBeApplied td{
  padding-top:0px; 
  padding-bottom:0px;

}

Answer 4

  

我想将它应用于具有Classname''ToBeApplied''的表的td。

使用：

.ToBeApplied td { ... }

  

我不想写一个类并在表的每个td上写相同的

您不需要，上面的代码将适用于table.ToBeApplied

中的所有单元格

  

我不希望它适用于第二个表的td有Classname''NotToBeApplied''

不会。