html - 如何将 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}