Центр текста табличных данных, связанных с colspan = "2" с .css "Выберите td с атрибутом colspan =" 2 ""

Привет У меня есть таблица, в которой некоторые столбцы в строке связаны с атрибутом colspan="2".

В настоящий момент это выглядит так:

enter image description here

Я хочу, чтобы текст подключенных столбцов в строке был центрирован, но только текст в связанных столбцах

Данные таблицы этой строки (без ограничений) имеют следующий код

<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"

Ответы

Ответ 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>