Loading
MindXchange
MindXchange
MindXchange

Quipoin Menu

Learn • Practice • Grow

Tutorial Exercises MCQs Interview Q & A Tests
css / CSS Pseudo-class
mcq
ChapterExercisesInterview QsVideosDiscussion
Direction: Choose the correct option

Q1. 

a:hover {
    color: red;
}
When does this style apply?
A. When link is clicked
B. Always
C. When link is visited
D. When mouse hovers over link
Direction: Choose the correct option

Q2. 

input:focus {
    border-color: blue;
}
When does this style apply?
A. When input is selected/clicked
B. When input is valid
C. When input is disabled
D. When mouse hovers
Direction: Choose the correct option

Q3. 

tr:nth-child(even) {
    background: #f2f2f2;
}
What does this CSS do?
A. Zebra striping on table rows
B. Stripes only first row
C. Stripes all rows
D. Stripes odd rows
Direction: Choose the correct option

Q4.

What is the correct order for link pseudo-classes to avoid conflicts?
A. link, visited, hover, active
B. link, hover, active, visited
C. active, hover, link, visited
D. visited, link, hover, active
Direction: Choose the correct option

Q5. 

p:first-child {
    font-weight: bold;
}
Which paragraph gets bold text?
A. First paragraph in document
B. First p inside any parent
C. Last paragraph
D. All first paragraphs