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

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

• 我想将其应用于ID为“tobeaplied”的表的td上
• 我不想写一个类，然后在每个表的td上写同样的内容
• 我不希望它适用于ID为“NotTobeaplied”的第二个表的td

---

如何修改HTML和CSS以实现上述功能？

使用CSS选择器，如

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

只需在下面添加样式：

<style type="text/css">
    #ToBeApplied tr td{padding:23px;font-weight:bold}
</style>

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

可以在样式之前使用父级来限制CSS应用程序

我希望这将帮助你实现你所需要的

这就是你想要的

看看这个

下面是片段

#应用td{
填充：23px；
字体大小：粗体
}

银行
日本银行
银行
日本银行

这应该有效（假设您不想为表指定

id

）

---

#tobeaplied td{padding:23px；font-weight:bold}

对于

id='tobeaplied'

中的td，如果您编写

td{}

，它将适用于所有td。Id您放入

#ToBeApplied td

它将适用于表中获得

Id=ToBeApplied

<style type="text/css">
    #ToBeApplied tr td{padding:23px;font-weight:bold}
</style>

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

table.pure-table:first-child td {padding:23px;font-weight:bold}