Es un menú desplegable.
En primer lugar, desde la derecha, aplique reglas a un elemento de lista desordenada con una clase de .submenu
Esa lista desordenada está dentro de un elemento de lista. Las reglas se aplican cuando el elemento de la lista se desplaza sobre él.
- ¿Cuál es el beneficio de React.js y otros frameworks de JavaScript?
- Como fotógrafo de bodas, ¿debo usar un sitio basado en Flash (amigable con la estética) o un sitio basado en WordPress (compatible con SEO / iPhone)?
- ¿Cuáles son los clientes objetivo de la tienda de temas de WordPress como ThemeForest, ElegantThemes ...? (desarrolladores web o agencias de desarrollo de sitios web o diseñadores web o propietarios personales o comerciales, etc.)
- ¿Cómo es usar el framework Laravel para un proyecto de sitio de redes sociales?
- ¿Puede Python emular perfectamente un navegador?
Ese elemento de la lista está dentro de una lista desordenada con un ID de #menu.
Está mal escrito porque es demasiado específico. En primer lugar, podría haberse escrito #menu li: hover .submenu. No hay una buena razón para escribir ul # menu. ul.submenu es un poco más comprensible si hubiera múltiples .submenu utilizando diferentes elementos, lo cual es ridículo, pero de todos modos.
Entonces, es poco probable que haya menús desplegables que no se desplieguen, por lo que debería hacer li: hover .submenu.
Asumiendo el acceso al HTML, para mayor claridad, sería mejor ser explícito sobre el rol, por lo que agregar una clase de, digamos .submenu-trigger al elemento de la lista generaría .submenu-trigger: hover .submenu {/ * mis reglas * / }