html - 如何使用 Classname 将 CSS 应用于特定表的 td?

标签 html css

<分区>

如何使用 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来实现以上?

最佳答案

试试这个

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

关于html - 如何使用 Classname 将 CSS 应用于特定表的 td?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31670187/

上一篇:javascript - 自动图像裁剪

下一篇:javascript - 草率的元素设计在 Safari 中不起作用

相关文章:

javascript - 下拉菜单在理论上显示但在实践中不显示

php - 如何使用 PHP 显示相同的 MySQL 查询两次?

javascript - 添加 Transition 正在更改 Jquery 设置的位置

javascript - 数据 View 滚动问题 sencha touch

javascript - 使用 javascript 使用计时器更改图像时出现问题

javascript - 使用 HTML 搜索栏输入调用 javascript 函数

python - Django - 管理员自定义字段显示和行为

html - 导航栏未与其下方的元素对齐,为什么?

css - 我应该如何使用 Bootstrap 设置 Django 验证错误的样式?

javascript - 如何在 for 循环中使用 .getElementsByClassName() 来隐藏 HTML 元素