如何將CSS應用到特定表的td？

Question

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

我想申請CSS說

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

• 我想它適用於具有表ID的TD的'ToBeApplied'。
• 我不想寫一個類，並用相同的表
• 的每個TD，我不希望它應用在第二臺的TD的有ID'NotToBeApplied'

如何修改HTML和CSS實現以上？

Answer 1

使用CSS選擇器一樣，

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

Answer 2

只需添加下面的風格：

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

人們可以利用提前風格的家長限制CSS應用..

我希望這將幫助你實現你所需要的！

Answer 3

這就是你想要的。

看看這個fiddle。

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

以下是摘錄。

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

<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>

Answer 4

這應該工作（假設你不想爲表指定id）

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

DEMO