Pewnie większość z Was, czytających blog to dorośli użytkownicy internetu, ale jako osoby związane z tworzeniem stron internetowych macie do czynienia z dziećmi. Niekoniecznie swoimi, choć to naturalne wobec powyższego, ale z tymi CSS-owymi dziećmi, czyli regułami typu :nth-child. Czasem te urwisy dają w kość i trzeba się trochę podrapać w głowę, aby dobrać odpowiednią regułę w celu wyróżnienia kilku dzieciaków.
Mechaniczna niania.
Nie będę dziś opisywał zbioru tychże reguł, ani zasady ich działania, bo na ten temat jest wiele artykułów w internecie. Istnieje też sporo narzędzi ułatwiających znajdywanie tychże reguł poprzez dobór odpowiednich parametrów dla reguł, chociażby jak ten: https://css-tricks.com/examples/nth-child-tester/. Tyle, że jednak trzeba trochę pogłówkować, aby znaleźć szukaną regułę. Nie znalazłem w czeluściach światowej sieci narzędzia, które pozwala na znalezienie reguły poprzez wyklikanie elementów. Co skłoniło mnie do napisania takiegoż. Zapraszam do testów, użytkowania, jak i ewentualnych sugestii co do przyszłego rozwoju.
Generator reguł :nth-child poprzez klikanie.
Udanej zabawy z dziećmi! Do przeczytania.