Mam listę generowaną dynamicznie, która ma potencjalnie do około 5 poziomów. Chcę, aby tekst pozycji na liście był podkreślony, gdy umieściłem kursor nad wymienionym elementem, ale nie nadrzędnym li.targeting li na hover, ale nie nadrzędny li
patrz przykład.
można zobaczyć po najechaniu na "ten", powyższe rodzic li podkreśla również.
Wszelkie pomysły?
Cheers
To wydaje się trudne do osiągnięcia, ponieważ gdy wskażesz elementowi dziecko li, skutecznie wskażesz również jego rodzica.
Jest rozwiązanie, ale: dodać span tag do pozycji menu, a dokonać tego znacznika hoverable: http://jsfiddle.net/ca7fL/16/
doskonały pomysł! Twoje zdrowie – AJFMEDIA
ul li ul { padding-left:20px}
ul li ul li:hover { text-decoration:underline; curor:pointer;}
Wyłącza to działanie dla najwyższego poziomu 'li'. Nie sądzę, że tego właśnie chce. – Kokos
ten usuwa: hover-formatting z "ul li", który jest również potrzebny. – HBublitz
Ponadto, nie będzie działać zgodnie z wymaganiami, jeśli lista jest zagnieżdżona na wielu poziomach (liczba operacji do 5). – Jon
Może trzeba zastosować klas CSS LI - elementy przy ich geenerating, więc można projektować je wyraźnie. Sam CSS wydaje się tu niewystarczający.
Jeśli masz li bez dzieci, które powinny podkreślenie gdy unosił się nad? – ipr101
nie, to nie musi podkreślać – AJFMEDIA