Ejecutar display none a un solo ul

[NaRanJiTo78]

Hola!

Tengo la siguiente duda:

Tengo un menu con varios apartados(submenú) ej:

Comida basura
Burguer king
Mac Donalds
Comida nacional
Garbanzos
Lentejas
Paella

Supongamos que quiero que en el de abajo, solo se lea "comida nacional" y al pasar el ratón, se muestre el submenú.
Para ello utilizo

li ul {
display: none;
font-size:14px;
color:#666;
}

Y me lo aplica a los dos submenus.Pero si solo quiero que lo aplique al de abajo, como lo debería de poner?

Un saludo, muchas gracias

[romansg]

Puedes añadir un ID al <li> deseado:

Código HTML:

<ul>
	<li>Comida basura
		<ul>
			<li>Burger King
			<li>Mac Donalds
		</ul>
	<li id='comida-nacional'>Comida nacional
		<ul>
			<li>Garbanzos
			<li>Lentejas
			<li>Paella
		</ul>
</ul> 

y tu CSS:

Código:

li#comida-nacional ul {
	display: none;
}

li#comida-nacional:hover ul {
	display: block;
}

[NaRanJiTo78]

Muchísimas gracias, romansg, ahí te llevas tu karma!