[CSS] - Definire la medesima classe di una serie di tag

[superciccio14]

Ho il seguente CSS:

a
	.heading {
		color: white;
	}
	.menu:link,menu:visited {
		display: block;
		width: 120px;
		font-weight: bold;
		color: #FFFFFF;
		background-color: #98bf21;
		text-align: center;
		padding: 4px;
		text-decoration: none;
		text-transform: uppercase;
	}
	.menu:hover,menu:active {
		background-color: #7A991A;
	}
	ul
	.menu {
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	li
	.menu {
		float: left;
	}

Vorrei definire un "ambito" chiamato "menu" all'interno del quale i tag siano tutti considerati come ti classe "menu" (ed i tag vengano formattati di conseguenza. Ho provato così, ma non funziona:

<div class="menu">
	<ul>
		[*]Home
		[*]News
		[*]Contact
		[*]About
	[/list]
</div>

cosa manca?

[codencode]

Con l'html da te utilizzato, il CSS dovrebbe essere scritto così:

a.heading {
	color: white;
}

div.menu a:link, div.menu a:visited {
	display: block;
	width: 120px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #98bf21;
	text-align: center;
	padding: 4px;
	text-decoration: none;
	text-transform: uppercase;
}
	
div.menu a:hover, div.menu a:active {
	background-color: #7A991A;
}

div.menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
	
div.menu li {
	float: left;
}

L'"ambito" di mcui parli tu si ottiene, come sopra riportato, riferendoti in maniera gerarchica al div contenitore.

[superciccio14]

Ok perfetto, ma c'è una best practice per fare qualcosa del genere in maniera più "pulita"?

[codencode]

Cos'ha di "poco pulito" la pratica indicata?

[superciccio14]

Ah nulla anzi...ma credevo che fosse un adattamento del mio errore e che in realtà ci fosse qualcosa ad hoc