Menú desplegable sin JavaScript (y 3)

Esta tercera prueba fuciona con "clics", no al pasar el puntero por encima. Está basada en la extensión propietaria -moz-user-focus, que permite "enfocar" cualquier elemento que por defecto no se puede:

ul {
  -moz-user-focus:normal;
}
ul > li > ul {
  display:none;
}
ul > li:focus > ul {
  display:block;
}
li:focus > ul {
  display:block;
}

-moz-user-focus es propietaria de Mozilla, y está inspirada en la propiedad user-focus, introducida en ciertos borradores del nivel 3 de CSS, pero actualmente en desuso.

<< Anterior.

I.D.O. motivada a partir de comentarios acerca del recorte Convertir una lista en un menú desplegable.