zentrieren Sie Text der Tabellendaten, die mit colspan = "2" mit .css verbunden werden "Wählen Sie td mit Attribut colspan =" 2 ""

Question

Hi Ich habe eine Tabelle, in der bestimmte Spalten in einer Reihe mit dem colspan="2" Attribut verbunden werden.

Im Moment sieht es wie folgt aus:

Ich möchte, dass der Text der verbundenen Spalten in einer Zeile zentriert ist, sondern nur der Text in den angeschlossenen Spalten

Der Tisch Daten dieser Zeile (unbegrenzt) hat den folgenden Code

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

ich nicht den Code der Tabelle ändern kann, weil es automatisch erstellt mit dem Wordpress-Plugin tablepress

Was ich tun kann, ist eine benutzerdefinierte CSS-Datei hinzuzufügen.

Meine Frage ist, ob es möglich ist, nur die Tabellendaten mit dem Attribut colspan="2" mit CSS- zu wählen, so dass ich { text-align: center } nur für Tabellendaten mit dem Attribut tun können colspan="2"

Answer 1

Der CSS-Selektor [attribute="value"] ist Was Sie wollen, sollten Sie also

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

hinzufügen, um die Zelle zu zentrieren, die zwei Spalten umfasst.

Wenn Sie zentrieren Zellen möchten, die eine beliebige Anzahl von Spalten erstrecken, können Sie

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

alle Zellen auszuwählen, die eine colspan Attribut auf einen anderen Wert als 1 haben.

Answer 2

Dies sollte es tun, wenn Sie die CSS inline anwenden:

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