← CodePrimer
CSS
Beginner
Selectors
Hover and focus-visible
How do I style hover and keyboard focus?
Pseudo-classes for interaction.
a:hover { text-decoration: underline; }
button:focus-visible {
outline: 2px solid #93c5fd;
outline-offset: 2px;
}Notes
Prefer :focus-visible so mouse clicks do not always show rings.
Keywords: hover · focus · focus-visible · pseudo
Related
CSS
Three ways to apply CSS
What are inline, internal, and external CSS?
CSS
CSS box model
Why is my element wider than expected?
CSS
Margin vs padding
What is the difference between margin and padding?
CSS
display block inline flex
How does display change layout?
CSS
CSS position values
How do I pin an element or overlap layers?
HTML
Image with alt text
How do I insert an image accessibly?