我正在使用 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;
}
只需增加选择器的特异性即可。如果您当前拥有的内容不起作用,请尝试将表也添加到其中:
[data-name="md-PersianDateTimePicker"] table.table.table-striped td[data-name="day"] {
padding: 2px;
}
添加!important
说明符
[data-name="md-PersianDateTimePicker"] td{
padding: 2px !important;
}
演示小提琴
注 :
切勿在站点范围的 CSS 上使用 !important。仅在 !重要 上使用 覆盖站点范围或外部 CSS 的特定于页面的 CSS