lista dentro lista dentro lista

[Airude]

Ho un menu fatto più o meno(sarà dinamico) così:

<div id="holdm">
   <ul id="nav">[*][url="#"]Home[/url][*][url="#"]News[/url]
         <ul>[*][url="#"]tetti[/url]
               <ul>[*][url="#"]pippo[/url][*][url="#"]pluto[/url][*][url="#"]paperino[/url][/list]
            [*][url="#"]tegole[/url][*]<a href="#" title="rame">rame</a[/list]
      [*][url="#"]Products[/url][*][url="#"]About[/url][*][url="#"]Contact[/url][/list]
</div> 

mi sono affacciato da poco ai css e non riesco a differenziare la formattazione dei diversi <ul> ,[*] e <a> .
Nello specifico mi servirebbe che la lista principalle fosse un tabs menu orizzontale e le liste sotto si aprissero al passaggio del mouse(ho già il javascript che fa questo).

Non conosco la sintassi esatta per formattare diversamento ogni singolo <ul> o[*] a seconda che sia più o meno interno.
Vorrei farlo senzainserire nuove classi o id.
Qualcuno sa indicarmi la sintassi specifica per ogni <ul> o[*] o <a> a seconda della suo posizione eche regole di eriditarietà segue...

Spero di essermi riuscito a spiegare..
Grazie

[gabip87]

#holdm ul
{
   regole che valgono per tutti gli elementi <ul>
}

#holdm ul li
{
   regole che valgono per tutti gli elementi[*]
}

ul#nav
{
   regole che valgono per la lista di primo livello
}

ul#nav li
{
   regole che valgono per tutti gli elementi[*]
}

ul#nav li ul
{
   regole che valgono per gli elementi <ul> di secondo e terzo livello
}

ul#nav li ul li ul
{
   regole che valgono per gli elementi <ul> di terzo livello
}

ul#nav li ul li
{
   regole che valgono per gli elementi[*] di secondo e terzo livello
}

ul#nav li ul li ul li
{
   regole che valgono per gli elementi[*] di terzo livello
}

[Mich_]

Originariamente inviato da Airude ...
Nello specifico mi servirebbe che la lista principalle fosse un tabs menu orizzontale e le liste sotto si aprissero al passaggio del mouse(ho già il javascript che fa questo).
...
Spero di essermi riuscito a spiegare..
Grazie

Il consiglio di gabip e` corretto, ma la frase "ho gia` il JS" mi puzza di complicazioni.
Da quanto scrivi ne deduco che non hai molta pratica: fare un menu a tre livelli tramite JS non e` una passeggiata (non e` difficile, ma complesso), e lavorare con oggetti creati o modificati tramite JS e` una complicazione in piu`.

Il mio consiglio e` di copiare un menu gia` fatto: in rete ne trovi di vario tipo. Mi par di capire che quello che cerchi e` un menu orizzontale con apertura a tendina a tre livelli.
Cerca nella sezione menu dei "link utili": in particolare mi sento di consigliarti il sito di CSSplay. Sono raccolte di menu "solo CSS" raggruppate per tipologia.

[Airude]

Ringrazioe entrambi per i suggerimenti. mi sono stati molto utili.
tutto ora sembra funzionare, non riesco solamente a fare cambiare i link tramite proprietà hover su ie6

ie7 e firefox funzionano.. qualcuno sa aiutarmi???

lo potete vedere qui

[fcaldera]

In explorer 6 la pseudoclasse :hover funziona solo ed esclusivamente sui link per cui ogni selettore che contenga ... li:hover ... non funziona in quel browser

Come già suggerito prendi ad esempio dal sito cssplay.co.uk

[Airude]

effettivamente avevo preso il tabs da qui e neppure qui su explorer 6 fa l'hover...