title: How do I specify CSS cell padding for multiple tables?
body: <p>I have two (maybe three or more) tables on a page and I want table A to have cell padding 10px, table B to have padding 20px.  Making a CSS td element such as <code>{padding: 10px;}</code> is no good because both tables would be 10px.  And I don't want to have to put <code>class="diffpad"</code> on every single <code>&lt;td&gt;</code> of the second table.  Basically, I want to specify one padding for all the cells of one table, and a different padding size for all the cells of a second table.  But, as you know, you can't add the padding style to a table element.  So how do you do it without repeating yourself a million times for each and every <code>&lt;td&gt;</code> element?</p>