X: evidenzia gli elementi data-testid
Un aiuto per chi crea stili: evidenzia ogni elemento con attributo data-testid per scrivere i selettori.
Codice da copiare
/* Developer aid: outline every element that carries a data-testid */
[data-testid] {
outline: 1px solid rgba(29, 155, 240, 0.4) !important;
}
[data-testid]:hover {
outline: 2px solid rgba(29, 155, 240, 0.9) !important;
}Come usare questo esempio
- Copia il codice con il pulsante qui sopra.
- Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
- Aggiungi una nuova regola corrispondente a quella pagina.
- Incolla il codice nel pannello CSS della regola e salva — l'effetto appare subito.
Valuta questo esempio
Nessuna valutazione — sii il primo.