← Tutti gli esempi

Righe prodotto a strisce

Colora una riga prodotto su due ed evidenzia la riga sotto il cursore, facilitando il confronto dei valori.

Codice da copiare

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

Come usare questo esempio

1. Copia il codice con il pulsante qui sopra.
2. Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
3. Aggiungi una nuova regola corrispondente a quella pagina.
4. Incolla il codice nel pannello CSS della regola e salva — l'effetto appare subito.