html - 如何覆盖 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

只需增加 specificity你的选择器。如果您当前的内容不起作用，请尝试将表格也添加到其中:

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