Naprzemienne tło wierszy
Koloruje co drugi wiersz tabeli produktów i podświetla wiersz pod kursorem, ułatwiając śledzenie wartości w poziomie.
Kod do skopiowania
table tbody tr:nth-child(even),
[role="rowgroup"] [role="row"]:nth-child(even) {
background: rgba(66,133,244,0.07) !important;
}
table tbody tr:hover,
[role="rowgroup"] [role="row"]:hover {
background: rgba(66,133,244,0.16) !important;
}Jak użyć tego przykładu
- Skopiuj kod przyciskiem powyżej.
- Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
- Dodaj nową regułę dopasowaną do tej strony.
- Wklej kod w panelu CSS reguły i zapisz — efekt pojawi się od razu.
Oceń ten przykład
Brak ocen — oceń jako pierwszy.