Listy o nieoznaczonych elementach coraz częściej są stosowane jako elementy nawigacyjne. Tak też jest w moim przyapdku, więc parę zebranych przykładów zastosowania CSSow do ich formatowania znajdziecie tutaj.

Zaletą takiego rozwiązania jest zachowanie naturalnej hierarchii w naszym menu, więc przeglądarki które nie obsługują CSSów zobaczą elementy zagnieżdżone dokładnie w tych miejscach gdzie one byc powinny!


Zróżnicowana lista.
Pozioma lista rozciągnięta na całą stronę. Poszczególne elementy zróżnicowane. Wersja dostępna dla przelądarki Firefox lub innej obsługującej CSS3

Pozioma lista z efektem rollover.
Pozioma lista, z efektem rollover.

Pionowa lista z efektem rollover.
Pionowa lista, z efektem rollover.

Pionowa lista eksplorer like.

Pionowa lista symulująca tę z eksplorera windowsowego. Dodałem także małe bajerki JS'owe umożliwiające rozwijanie i zwijanie.

Dorobiłem wersję zoptymalizowaną pod przeglądarkę Firefox (link), która korzysta z pseudoklas i dzięki temu sam opis listy znacznie się uprościł.