Links & Media MCQ
15 Questions
Time: ~25 mins
Beginner
CSS Links & Media Queries — MCQ Test
Practice link pseudo-classes (:link, :visited, :hover, :active, :focus-visible) and responsive rules with @media.
Easy: 5 Q
Medium: 6 Q
Hard: 4 Q
Links & Responsive CSS
Styling anchors involves respecting default states and keyboard focus. Media queries let you change layout when viewport or features (prefers-reduced-motion) demand it.
LVHA (legacy order tip)
When overriding :link/:visited/:hover/:active, declaration order matters—later rules can override earlier ones for the same specificity.
Common breakpoint pattern
@media (max-width: 768px) { /* stack nav, enlarge touch targets */ }