Class Nidificati

[ercoli]

Grazie a quanti vorranno rispondermi.

HTML

<ul id="menu-h" class="horizontal">[*]menu 1[*]menu 2[*]menu 3
      <ul>[*]menu 3 a[*]menu 3 b
            <ul id="menu-v" class="vertical">[*]menu 3 b.a[*]menu 3 b.b[*]menu 3 b.c					[/list]		        		
       [*]menu 3 c[/list]
 [*]menu 4 [/list]

CSS

ul.horizontal a, ul.horizontal a:visited {

	display:block;

	background:#333333;

	padding:5px 7px;

	font:normal normal bold 0.7em tahoma, verdana, sans-serif;

	color:#ffffff;

	text-decoration:none;

	letter-spacing:1px;

	}

ul.vertical a, ul.vertical a:visited {

	display:block;

	cursor:pointer;

	cursor:hand;

	background:#ffc;

	border:1px solid #edbb85;

	padding:5px 7px;

	font:normal normal bold 0.7em tahoma, verdana, sans-serif;

	color:#008000;

	text-decoration:none;

	letter-spacing:1px;

	}

DOMANDA
class="horizontal" funziona perfettamente; tutto ciò che si trova in class="vertical" viene impetosamente ignorato, ossia è come se quella parte di CSS non esistesse e tutto ciò che dovrebbe essere formattato secondo class="vertical" viene invece formattato come class="horizontal".

Spero di essere riuscito a spiegarmi ordinatamente.

[ercoli]

RISOLTO

Il selettore ul.vertical deve essere preceduto da ul.horizontal nella forma:

ul.horizontal ul.vertical {
proprietà;
......
}

Ciao a tutti.