Loading
MindXchange
MindXchange
MindXchange

Quipoin Menu

Learn • Practice • Grow

Tutorial Exercises MCQs Interview Q & A Tests
css / Dropdowns
mcq
ChapterExercisesInterview QsVideosDiscussion
Direction: Choose the correct option

Q1. 

.dropdown {
    position: relative;
    display: inline-block;
}
Why position: relative on dropdown container?
A. For centering
B. To position dropdown menu absolutely relative to it
C. No reason
D. For display
Direction: Choose the correct option

Q2. 

.dropdown-content {
    display: none;
    position: absolute;
}
What does display: none initially do?
A. No effect
B. Shows dropdown
C. Hides container
D. Hides dropdown until triggered
Direction: Choose the correct option

Q3. 

.dropdown:hover .dropdown-content {
    display: block;
}
What triggers the dropdown to show?
A. Click
B. Scroll
C. Page load
D. Hover over dropdown container
Direction: Choose the correct option

Q4. 

.dropdown-content a:hover {
    background-color: #f1f1f1;
}
What is the purpose of this CSS?
A. Change link color
B. Highlight dropdown items on hover
C. Hide dropdown
D. Add animation
Direction: Choose the correct option

Q5. 

.sub-dropdown {
    position: relative;
}
.sub-dropdown-content {
    left: 100%;
    top: 0;
}
What does left: 100% accomplish?
A. Centers submenu
B. Positions submenu to the right of parent
C. Positions below
D. Positions above