Witam. Czy może mi ktoś powiedzieć gdzie popełniłem błąd (kod w linku poniżej)? Problem polega na tym że nie odczytuje mi ustawień dla ostatniego elementu i nie mam pojęcia gdzie leży błąd bo ścieżka, którą podałem wydaje się być poprawna. Z góry dziękuję i pozdrawiam.

http://jsfiddle.net/1fsmf46v/1/

Zauważ, że .second_li nawet nie istnieje. Poza tym jeśli celujesz w strzalkę w ostatnim li, to powinieneś :last-child dać dla li

No i absolutnie nie taki selektor! .second_list:last-child img w zupełności wystarczy: http://jsfiddle.net/a63gyv1x/

Dzięki. Myślałem że muszę ścieżkę podać zaczynająć od pierwszego diva w którym znajduje się ten element. Chciałbym jeszcze zapytać czy istnieje jakiś sposób aby dla tej strzałki nadać pseudoklasę :after tak aby była ona za linkiem a nie przed nim?

Możesz się bawić z float: right.

::after to nie pseudoklasa, a pseudoelement i służy do czegoś zupełnie innego.

Może to nie jest najlepsze rozwiązanie ale po prostu przestawiłem tekst linku za obrazkiem. Wszystko jest już w porządku tylko został ostatni problem, który dostrzegłem. Mianowicie kiedy najeżdżam kursorem myszki na ikonę to zmienia się także napis natomiast kiedy najeżdżam kursorem myszki na napis wtedy ikona się nie zmienia. Bardzo jest to nieestetyczne na mojej stronie i chciałbym się dowiedzieć czy mogę w jakiś sposób scalić napis odnośnika z ikoną tak aby po najechaniu na link zmieniała się również ikonka? Z góry dziękuję za pomoc.

http://jsfiddle.net/LmVRZ/490/

A może po prostu… wsadzisz ikonę w odnośnik? I wówczas na :hover nie powinno być problemu

Ale <img> jest umieszczone w odnośniku. Masz na myśli ustawienie dla linku background i wstawienie tam tej ikonki?

http://jsfiddle.net/Comandeer/btfuu75c/ → a może tak? Zero JS

Nie działa na mozilli i ie

A toś mnie zdziwił z mozillą - byłem pewien, że od dawna to tam działa (w Operze 12 nawet działało).

Jeśli chcesz to w JS, to musisz przypiąć zdarzenie do linka, nie obrazka.

Teraz działa tak jak powinno i potrzebowałem. Irytuje mnie jednak to że zdarza się że na jednej przeglądarce to co robię działa, a po wejściu na inną już nie i trzeba kombinować. nie mogę zrozumieć dlaczego producenci przeglądarek nie mogą iść jedną ścieżką i oszczędzili by m.in. niepotrzebnej roboty. Ale to chyba tak już zostanie więc na nic te rozmyślania. Tak czy siak @Comandeer wielkie dzięki za pomoc i pozdrawiam.

Tutaj jeszcze kod jak to ostatecznie wygląda: http://jsfiddle.net/btfuu75c/1/

Cóż, robią wszystko, żeby działało tak samo. I tak jest obecnie lepiej niż dawniej.