Question

我在SPRFLAT中使用Boostrap。可以从custom.css文件覆盖Boostrap.css文件。

我想覆盖表＆gt;的行高tbody＆gt; tr> td元素。

唯一的方法是覆盖以下所有元素。

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {

  line-height: 1.428571429;

}

我尝试了以下代码。

.table > tbody > tr > td,
{

  line-height: 1.428571429;

}

和

#ticketstable .table > tbody > tr > td, 
{

    line-height: 25px !important;
}

这不起作用。有人可以帮我找到问题吗？

Answer 1

您的规则（.table > tbody > tr > td）与Bootstrap CSS规则具有相同的特异性，因此它不一定会覆盖。更具体的规则将适用，因此在这种情况下，您可以通过使规则更具体来修复它：

table.table > tbody > tr > td

或者如果您想使用周围的CSS类：

.myclass .table > tbody > tr > td

CSS覆盖行高

1 个答案: