Mir fällt momentan auf Basis der Standard-Tabellensyntax keine bessere Lösung ein.
Eine Alternative wäre das Exttab3-Plugin für die Tabellen zu verwenden. Hier ein Beispiel mit 2 Tabellen:
{| title="Extended Table Example"
|+//Extended Table Example//
! style="width: 12em;"| A1 Header
! style="width: 10em;"| B1 Header
|- style="background-color: MistyRose;"
|
A2 Cell
|
B2 Cell
|}
{| title="Extended Table Example2"
|+//Extended Table Example2//
! style="width: 12em;"| A1 Header
! style="width: 10em;"| B1 Header
|- style="background-color: MistyRose;"
|
A2 Cell
|
B2 Cell
|}
Da das Extab3-Plugin Tabellen mit einem title-Attribut versieht, kann man explizit die Tabelle mit einem bestimmten title selektieren. Hier ein Beispiel:
table[title="Extended Table Example"] {
width: 100%;
}
Dies ändert die Breite der Tabelle mit dem title "Extended Table Example" auf 100%. Die andere Tabelle bleibt unbeeinflusst. Wenn man die Farben der Tabelle ändern möchte, ist darauf zu achten nicht die gesammte Tabelle zu selektieren wie im Beispiel sondern die Zellen in der Tabelle.
Allgemeines zu CSS-Selektoren kann man z.B. auf der w3schools-Seite nachlesen, siehe
https://www.w3schools.com/cssref/css_selectors.asp.