как перезаписать класс bootstrap?

Question

Мне нужно перезаписать следующий класс bootstrap:

.table>tbody>tr>td {
    padding: 1px 1px;
}

, и я использую следующее в моем HTML, но не работает:

<style>
    #myID>tbody>tr>td {
      padding: 1px 1px !important;
    }
</style>

<table class="table table-hover" id="myID">
  <thead>
      <tr>
        <th class="text-center">Column 1</th>
        <th class="text-center">Column 2</th>
        <th class="text-center">Column 3</th>
      </tr>
  </thead>
  <!-- Table body -->
  <tbody>
    <tr>
        <td style="text-align: center">data 1</td>
        <td style="text-align: center">data 2</td>
        <td style="text-align: center">data 3</td>
    </tr>
  </tbody>
</table>

Я делаю много знаю о css, пожалуйста, помогите мне с этим. спасибо

Answer 1

Попробуйте связать свою собственную таблицу стилей CSS после bootstrap, и она должна работать.