使用 .css 与 colspan="2" 连接的表格数据的中心文本“选择属性为 colspan="2" 的 td”答案

【问题标题】：center text of table data connected with colspan="2" with .css " Select td with attribute colspan="2" "使用 .css 与 colspan="2" 连接的表格数据的中心文本“选择属性为 colspan="2" 的 td”
【发布时间】：2014-10-25 00:28:39
【问题描述】：

您好，我有一个表格，其中一行中的某些列与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，这样我就可以只对属性为colspan="2" 的表数据做{ text-align: center }

【问题讨论】：

标签： html css wordpress html-table

【解决方案1】：

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

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

使跨越两列的单元格居中。

如果您想将跨任意数量列的单元格居中，您可以使用

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

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

【讨论】：

这个主题的最佳答案。谢谢。

【解决方案2】：

如果您正在应用内联 CSS，这应该可以解决问题：

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

【讨论】：