testo centrale dei dati della tabella collegati con colspan = "2" con .css "Seleziona td con attributo colspan =" 2 ""

Question

Ciao Ho una tabella in cui determinate colonne in una riga sono collegate all'attributo colspan="2".

Nel momento in cui si presenta così:

Voglio che il testo delle colonne collegate in una fila è centrata, ma solo il testo nelle colonne collegati

La tabella dati di questa riga (illimitata) ha il seguente codice

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

non posso cambiare il codice della tabella perché è creato automaticamente dal plugin Wordpress tablepress

Quello che posso fare è aggiungere un file .css personalizzato.

mia domanda è, se è possibile selezionare solo i dati della tabella con l'attributo colspan="2" con css, in modo che io possa fare { text-align: center } solo per i dati della tabella con l'attributo colspan="2"

Answer 1

Il selettore CSS [attribute="value"] è quello che vuoi, quindi devi aggiungere

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

per centrare la cella che si estende su due colonne.

Se si vuole centrare le cellule che si estendono su tutto il numero di colonne, è possibile utilizzare

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

per selezionare tutte le cellule che hanno un attributo colspan impostato su un valore diverso da 1.

Answer 2

Questo dovrebbe fare il trucco se si sta applicando il CSS in linea:

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