Łatwa stylizacja wszystkich Td w tabeli lub w arkuszu

Question

Czy istnieje sposób, w jaki mogę użyć jednej kategorii do stylizowania wszystkich komórek tabeli? Nie mogę po prostu użyć

td{ 

} 

ponieważ mam innej tabeli na tej samej stronie, że nie chcę tego samego stylu na. Tabelę, którą chcę stylizować, ma około 40 komórek, więc czy istnieje sposób, aby zbiorczo nadać im styl krótszy od kopiowania - wklejając klasę lub identyfikator 40 razy?

Answer 1

Put selektor na metce tabeli:

<table class="my-special-table"> 
<tr><td></td></tr> 
</table> 

table.my-special-table td { style it up! } 

Answer 2

Jeśli tabela ma specyficzny atrybut takie jak ID, można odwoływać w CSS szczególności:

<table id="myStyledTable"> 
    <tr> 
     <td>... 

tak:

#myStyledTable td { 

} 

Answer 3

Możesz podać id/klasę, że stół i zrobić:

#yourtable td { } 

Answer 4

Użyj tego:

#table-id td { 
/* some css */ 
} 

Answer 5

Albo # table-id> tr> td {/ * niektóre css * /} w przypadku będziesz mieć inne tabele w tej tabeli, które nie powinny mieć ten styl został zastosowany.