Как применить 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 '' ToBeApplied ''.
• Я не хочу, чтобы написать класс и писать то же самое на каждом TD таблицы
• Я не хочу, чтобы применить на ТД из второй таблицы имеют идентификатор «» 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