与colspan ="2"连接的表数据的中心文本与.css"选择td与属性colspan ="2""

Question

嗨我有一个表,其中一行中的某些列与colspan="2"属性连接.

目前它看起来像这样:

我希望连续列中的连接列的文本居中,但只有连接列中的文本

此行的表数据(无限制)具有以下代码

<tr class="row-4 even">    
<td colspan="2" class="column-3 footable-last-column" style="display: table-cell;">unlimited</td>
</tr>

我无法更改表的代码,因为它是由Wordpress插件自动创建的 tablepress

我能做的是添加一个自定义的.css文件.

我的问题是,如果可以只选择colspan="2"具有.css 属性的表数据 ,那么我{ text-align: center }只能对具有该属性的表数据进行操作colspan="2"

Answer 1

CSS选择器[attribute="value"]是你想要的,所以你应该添加

td[colspan="2"] {
    text-align: center;
}

使中心跨越两列的单元格.

如果要将跨越任意数量列的单元格居中,可以使用

td[colspan]:not([colspan="1"]) {
    text-align: center;
}

选择colspan属性设置为除以外的值的所有单元格1.

Answer 2

如果您要应用CSS内联,这应该可以解决问题:

<td colspan="2" style="text-align:center;">unlimited</td>