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

Question

如何将CSS应用于一个特定表的td；排除网页中的所有其他表格？

<table class="pure-table fullWidth" id="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 fullWidth" id="NotToBeApplied">
 <tbody>
  <tr class="pure-table-odd">
   <td>
    <label>Bank</label>
   </td>
   <td>
    <label>Japha Bank</label>
   </td>
  </tr>
 </tbody>
</table>

我想应用CSS说

td {padding:23px;font-weight:bold}

• 我想将其应用于ID为“ ToBeApplied”的表的td上。
• 我不想写一个类，并在表的每个td上写相同的类
• 我不希望它应用于ID为“ NotToBeApplied”的第二张表的td

上面如何修改HTML和CSS来实现？

Answer 1

使用CSS选择器，例如

#ToBeApplied td {padding:23px;font-weight:bold}

Answer 2

这就是你想要的。

看看这个小提琴。

#ToBeApplied td {
    padding:23px;
    font-weight:bold
}

这是片段。

#ToBeApplied td {
    padding:23px;
    font-weight:bold
}

#ToBeApplied td {
  padding: 23px;
  font-weight: bold
}