与colspan连接的表格数据的中心文本=＆＃34; 2＆＃34;用.css＆＃34;选择具有属性colspan =＆＃34; 2＆＃34;的td; ＆＃34;

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文件。

我的问题是，如果可以仅选择具有该属性的表数据 使用.css的colspan="2"，这样我才能{ text-align: center }仅对具有属性colspan="2"

的表数据执行{{1}}

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>