Changing the CSS of th, td tags of one table class changes all other tables

Issue

I'm trying to adjust the padding on one set of table classes but the changes i'm applying appear on all other tables. Here's my css:

.my_table th, td{
   font-size: 14px;
   padding-bottom: 2em;
}

And here is the related html for that table:

<table border="1" class="dataframe table my_table">
  <tbody>
    <tr>
      <th>somethingsomething</th>
      <td>somethingsomething</td>
    </tr>
    <tr>
      <th>somethingsomething</th>
      <td>somethingsomething</td>
    </tr>

Solution

you need to put .my_table class also to the td element

.my_table th, .my_table td {
  font-size: 14px;
  padding-bottom: 2em;
}

Answered By - Mario 2002