X: data-testid-Elemente umranden
Eine Hilfe für Stilautoren: umrandet jedes Element mit data-testid-Attribut zum leichteren Selektoren-Schreiben.
Code zum Kopieren
/* 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;
}So verwendest du dieses Beispiel
- Kopiere den Code mit der Schaltfläche oben.
- Installiere JustZix (2 Minuten) und öffne die Erweiterung auf der Zielseite.
- Füge eine neue Regel hinzu, die zu dieser Seite passt.
- Füge den Code in das CSS-Panel der Regel ein und speichere — der Effekt erscheint sofort.
Bewerte dieses Beispiel
Noch keine Bewertungen — sei der Erste.