Cómo crear Custom CSS3 desplegable menús: menú desplegable CSS tutorial para principiantes (5 / 8 paso)

Paso 5: El código de CSS - estilo de la lista principal

El siguiente paso es quitar el estilo predeterminado de la lista y dar colores principales a la etiqueta padre < ul >. Pantalla: ninguna propiedad, nos estamos escondiendo los elementos de la lista de secundarios para que aparezca en suspender solamente. También vamos a flotar la lista a la izquierda y le dan frontera estilo.

.Menu ul
{
fondo: #2E8AE6;
padding: 0 20px;
lista estilo: ninguno;
posición: pariente;
Mostrar: inline-table;
}
.Menu ul: después de
{
contenido: ""; claro: ambos; Mostrar: bloquear;
}

/ * Ocultar listas de niño por defecto * /
.Menu ul ul
{
Mostrar: ninguno;
posición: absoluto; parte superior: 100%;
}

/ * Mostrar en la libración /
.Menu ul li:hover > ul {}
Mostrar: bloquear;
}

/ * Flotante la izquierda de la lista principal * /
.Menu ul li
{
Float: left;
frontera-left: 1px solid #4093E6;
frontera-right: 1px solid #246BB2;
}