Как указать заполнение ячейки CSS для нескольких таблиц?

Question

У меня есть две (возможно, три или более) таблицы на странице, и я хочу, чтобы таблица A имела заполнение ячеек 10px, таблица B имела отступы 20px. Создание элемента CSS td, такого как {padding: 10px;}, не является хорошим, потому что обе таблицы будут 10px. И я не хочу ставить class="diffpad" на каждую <td> второй таблицы. В принципе, я хочу указать одно дополнение для всех ячеек одной таблицы и другой размер заполнения для всех ячеек второй таблицы. Но, как вы знаете, вы не можете добавить стиль заполнения к элементу таблицы. Итак, как вы это делаете, не повторяя себя миллион раз за каждый элемент <td>?

Answer 1

Попробуйте указать уникальный идентификатор каждой из таблиц (а не tds), и вы можете это сделать.

#table1 td{ 
    padding:10px; 
} 
#table2 td{ 
    padding:20px; 
}