如何覆蓋Bootstrap表的TD風格？

Question

我正在使用Bootstrap 3.3
我有一個HTML代碼，如下所示：

<div data-name="md-PersianDateTimePicker">
    <table class="table table-striped">        
        <tr>
            <td data-name="day">03</td>
            <td data-name="day">04</td>
            <td data-name="day">05</td>
            <td data-name="day">06</td>
            <td data-name="day">07</td>
            <td data-name="day">09</td>
            <td data-name="day" class="text-danger">09</td>
        </tr>
        .
        .
        .
    </table>
</div>

如何為每個td設置padding:2px ？

我測試了以下內容，但不起作用！

[data-name="md-PersianDateTimePicker"] td{ 
   padding: 2px;
}

Answer 1

只需增加選擇器的特異性即可 。 如果您當前無法使用，請嘗試將表也添加到其中：

[data-name="md-PersianDateTimePicker"] table.table.table-striped td[data-name="day"] {
    padding: 2px;
}

Answer 2

添加!important說明符

[data-name="md-PersianDateTimePicker"] td{ 
   padding: 2px !important;
}

演示場

注意 ：

切勿在站點范圍的CSS上使用！important。 僅在覆蓋整個站點范圍或外部CSS的特定頁面的CSS上使用！important