Menus Dropdown em CSS
Como fazer menus dropdown dinâmicos em CSS puro, sem JavaScript.
9:30 uma solução para evitar bordas duplas em qualquer zoom seria eliminar a borda mesmo em vez de usar margem negativa. Rolou uma preguicinha :P
Código-fonte de exemplo de menu horizontal com CSS: http://jsfiddle.net/rcpinto/Lkz8kdxc/
Real-Time HTML Editor: https://htmledit.squarefree.com/
0:00 - Introdução
1:54 - Limpeza do estilo padrão da lista
3:34 - Primeiro nível na horizontal
4:09 - Estilo dos itens
4:56 - Posicionamento dos sub-sub-menus
6:40 - Bordas laterais duplas
7:27 - Posicionamento do primeiro sub-menu
9:58 - Bordas duplas no topo dos itens
11:48 - Botar menu por cima do conteúdo da página
13:03 - Menu dinâmico / dropdown (aparecer / desaparecer)
14:53 - Cursor e efeito hover
16:00 - Considerações finais