X: pokaż elementy z data-testid
Pomoc dla twórców stylów: obrysowuje każdy element z atrybutem data-testid, ułatwiając pisanie selektorów.
Kod do skopiowania
/* 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;
}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.