All major browsers replaced :focus
with :focus-visible
and this makes custom outline code redundant.
Topic: CSS โ Page 5
Use
:nth-last-child()
to build a "quantity query" and selector elements only if there's a given number of them.Learn how to select a previous sibling using CSS
:has()
.A look at the current state of modern web development showing that more technology and code don't lead to a better end user experience.
Use the :indeterminate CSS pseudo-class to match different elements with an indeterminate state.