Loading

Quipoin Menu

Learn • Practice • Grow

css / Dropdowns
interview

Q1. How do you create a dropdown menu with CSS?
Use position: relative on container, position: absolute on dropdown content, and display: none initially. Show on hover.

Q2. How do you show dropdown on hover?
Use .dropdown:hover .dropdown-content { display: block; }

Q3. How do you create a multi-level dropdown?
Nest another dropdown inside, with submenu positioned left: 100%; top: 0;

Q4. How do you style dropdown items on hover?
Use .dropdown-content a:hover { background-color: #f1f1f1; }

Q5. Can you create dropdown without JavaScript?
Yes, pure CSS dropdowns using :hover are possible, but click-based dropdowns need JavaScript.