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

如何使用类名称将CSS应用于特定表的td？（不是身份证或姓名）

以下是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>

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

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

试试这个

table.ToBeApplied tbody tr td{
padding-top:0; padding-bottom:0;
}

我想在类名为“tobeaplied”的表的td上应用它

使用：

我不想写一个类，然后在每个表的td上写同样的内容

您不需要这样做，上面的代码将应用于

表中的所有单元格。ToBeApplied

我不希望它适用于第二个表的td，其类名为“NotTobeaplied”

不会的。

使用：

.tobeaplied td{padding top:0；padding bottom:0；}

试试这个

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

}

---

你已经发布了我已经回答过的问题。不是。请把那篇文章和这篇文章通读一遍。其次，用户总是告诉我，当问题出现差异时，应该创建新的帖子，而不是在以后更新问题。@fatherazrael我真的看不到差异，除了增加的绒毛。投票决定以重复的方式结束这篇文章。@MarkusWMahlberg所以你认为在另一篇文章中有相同的答案；我能解决问题吗？它不起作用。检查小提琴->@fatherazrael，当然可以。CSS是一个级联样式表，意味着它从上到下读取。因此，首先将填充0应用于

.tobeaplied

表，然后将填充应用于

.pure表，该表与（第一个）表相同。改变顺序，它就会起作用：它起作用了。但是，如果我只想使用类名，假设我需要在其他地方应用相同的CSS，那么我需要重写它。是否可以使用类名和对HTML帮助的轻微修改？此css仅应用于类
.tobeaplied
的表。如果希望将其他样式与表中的同一类一起使用，则应添加另一个类和尊重规则，这将打破
.tobeaplied
类。例如：
table.tobeaplied.nottobeaplied t车身tr td
.ToBeApplied td { ... }

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

}