html - 与 colspan ="2"和 .css "Select td with attribute 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，这样我就可以只对具有属性 colspan="2"的表数据执行 { text-align: center }

Answer 1

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

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

使跨两列的单元格居中。

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

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

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