CSS Pseudo-Classes — a practical guide to CSS pseudo-classes with clear examples you can reuse in real projects.
CSS Tutorial Series (15/109). Prefer one article? Read the complete CSS tutorial.
Short description
Always style :focus for keyboard users — not only :hover.
Pseudo-classes
a:hover { text-decoration: underline; }
a:focus-visible { outline: 2px solid #0a7; }
li:nth-child(odd) { background: #f6f6f6; }