← Все примеры

Чередующаяся заливка строк

Подкрашивает каждую вторую строку отчёта GA4 и выделяет строку под курсором.

Код для копирования

[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;
}

Как использовать этот пример

1. Скопируй код кнопкой выше.
2. Установи JustZix (2 минуты) и открой расширение на нужной странице.
3. Добавь новое правило, совпадающее с этой страницей.
4. Вставь код в панель CSS правила и сохрани — эффект появится сразу.