Narzędzie do znajdywania reguł :nth-child poprzez klikanie Opcje

[trueblue]

Witajcie,

wrzucam link do Generatora Dzieci: https://nthchild.kawalekkodu.pl/
Jest to narzędzie umożliwiające znajdywanie CSS-owych reguł :nth-child, :nth-last-child, :first-child, :last-child poprzez wyklikanie ich na elementach. Czyli w przeciwieństwie do istniejących narzędzi do znajdywania takich reguł, nie trzeba nawet szukać odpowiednich parametrów i sprawdzać czy zostały wyselekcjonowane oczekiwane elementy.

Jest to pierwsza wersja, więc z chęcią wysłucham opinii, sugestii, uwag.

[Comandeer]

Jak się odznaczy wszystkie elementy i chce wygenerować wyniki, to przyciemnia całą stronę.

Da się wygenerować regułę dla pierwszego elementu, ale już dla ostatniego nie bardzo – pewnie dlatego, że go nie ma (IMG:style_emoticons/default/wink.gif)

Fajnie byłoby też poprawić nieco nawigację klawiaturą, bo co prawda wszystkie elementy interaktywne są "klikalne" przy pomocy spacji/entera, ale za to nie widać, gdzie znajduje się focus.

Jeśli chodzi o listę wyników, to jakoś zaznaczyłbym, że można sobie włączyć kolorki, klikając na regułę. Tę funkcję odkryłem przez zupełny przypadek. No i poprawiłbym nieco same kolory, bo czerwony i pomarańczowy dla mnie są de facto nierozróżnialne.