Padding on all td except rows with certain class name

Padding on all td except rows with certain class name

This is more like a pure css question where the solution might not need any JQuery.

I need to set padding on all table td except td within rows with certain class name.

For example:

  1. <table border="1">
  2.   <tr class="no-padding">
  3.     <td>Row 1 with NO padding</td>
  4.     <td>Row 1 with NO padding</td> 
  5.     <td>Row 1 with NO padding</td>
  6.   </tr>
  7.   <tr>
  8.     <td>Row 2 with padding</td>
  9.     <td>Row 2 with padding</td> 
  10.     <td>Row 2 with padding</td>
  11.   </tr>
  12.   <tr>
  13.     <td>Row 3 with padding</td>
  14.     <td>Row 3 with padding</td> 
  15.     <td>Row 3 with padding</td>
  16.   </tr>
  17. </table>
Css:

  1. table td{
  2.   padding:10px;
  3. }
Is there a way to do an exception for all td within rows with class name "no-padding"?