← Alle Beispiele

Zebra-Streifen für Tabellen

Färbt jede zweite GA4-Berichtszeile und hebt die überfahrene hervor, was das Lesen über Spalten erleichtert.

Code zum Kopieren

[role="row"]:nth-child(even),
[role="row"]:nth-of-type(even),
tbody tr:nth-child(even) {
  background: rgba(66, 133, 244, 0.07) !important;
}
[role="row"]:hover, tbody tr:hover {
  background: rgba(251, 188, 5, 0.18) !important;
}

So verwendest du dieses Beispiel

1. Kopiere den Code mit der Schaltfläche oben.
2. Installiere JustZix (2 Minuten) und öffne die Erweiterung auf der Zielseite.
3. Füge eine neue Regel hinzu, die zu dieser Seite passt.
4. Füge den Code in das CSS-Panel der Regel ein und speichere — der Effekt erscheint sofort.