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

-1

如何将CSS应用于特定表格的td 类别？（未标识或名称）如何使用Classname将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>

我想申请CSS说

td {padding-top:0; padding-bottom:0;}

我想它适用于表TD的有类名 ''要施加''。
我不想写一个类，并用相同的表
的每个TD，我不希望它适用于第二个表有类名“” NotToBeApplied'

怎样的TD的修改HTML和CSS以达到上述目的？

来源

2015-07-28 fatherazrael

您已经张贴了这个问题中，我已经回答了。 – Hearner

不是。请仔细阅读这篇文章和这篇文章。其次，当有问题存在差异时，用户总是会告诉我创建新帖子，而不是稍后更新问题。 – fatherazrael

@fatherazrael我真的看不出有什么不同，除了添加绒毛。投票将其视为重复。 –

试试这个

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

来源

2015-07-28 07:42:59

它的工作。但是，如果我只想使用类名称，假设我需要在别处应用相同的CSS，我需要重写它。是不是可能使用类名和对HTML帮助的轻微修改？ – fatherazrael

这个CSS只适用于'.ToBeApplied'类的表。如果你想在表上使用其他类型的同一个类，你应该添加另一个类和各自的规则，这些规则将打破'.ToBeApplied'类。例如：'table.ToBeApplied.NotToBeApplied tbody tr td' –

很好。谢谢标记它的答案。 – fatherazrael

-1

我想它适用于表TD的已经Classname''ToBeApplied'。

用途：

.ToBeApplied td { ... }

我不想写一个类，并写上表

的每个TD您不必相同，上面会的代码适用于table.ToBeApplied

我不希望它适用于第二张桌子的td有Classname''NotToBeApplied''

它不会。

来源

2015-07-28 07:44:16 LinkinTED

它不起作用。 CHeck小提琴 - > https://jsfiddle.net/o2dfqrkg/ – fatherazrael

@fatherazrael，当然可以。 CSS是一个级联样式表，意思是从上到下读取。所以，首先你在'.ToBeApplied'表中应用了一个填充0，但是之后你将一个填充应用到同一个（第一个）表的'.pure-table'。更改顺序，它的工作原理：https：//jsfiddle.net/o2dfqrkg/2/ – LinkinTED

用途：
.ToBeApplied td {padding-top:0; padding-bottom:0;}

来源

2015-07-28 07:49:55 Klika84

试试这个

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

}

来源

2015-07-28 07:54:41 NAND

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

回答

相关问题