İşte simpliest düzeyli menüsünün bir kod:

<nav>
    <ul>
        <li><a href="#">I am a 1st level link</a></li>
        <li><a href="#">I am a 1st level link with children and I want to have an arrow next to me (or different background)</a>
            <ul>
                <li><a href="#">I am a 2nd level link</a></li>
                <li><a href="#">I am a 2nd level link with children and I want to have an arrow next to me (or different background)</a>
                <ul>
                    <li><a href="#">I am a 3nd level link</a></li>
                    <li><a href="#">I am a 3nd level link</a></li>
                </ul>
                </li>
            <li><a href="#">I am a 2nd level link</a></li>
            </ul>
        </li>
        <li><a href="#">I am a 1st level link</a></li>
        <li><a href="#">I am a 1st level link</a></li>
    </ul>
</nav>

Çocuklar arasındaki bağlantıları seçerek ve onları farklı styling (arka plan, list-style-type simgeler vb) ekleyerek bir yolu var mı? Menü çok veren kimlikleri veya sınıflar bu durumda yardımcı olmayacaktır dinamiktir.

Ben eğer mümkün değil, CSS3 onu görmek isteriz - jQuery veya PHP Tamam olurdu. Ben çapraz tarayıcı hazır olmak istiyorum. Ama şu anda bile nerede başlar bilmiyorum?

Thanks a lot!