如何使用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？

回答

相關問題