Why do the :focus state properties override the :active ones in my CSS?
I get that the solution is to place the :focus selector and properties before the :active ones but I don’t get why, especially considering that focus and active are different states, even if clicking and activating an element eventually brings it to a focus state
‘:is()’ and ‘:where()’: pseudo-classes which one of them to prefer when either of them can be used?
As far as I know, the main difference between :is()
and :where()
pseudo-classes is that :is()
takes the specifity of the most specific of its elements, whereas :where()
has a neutral (zero) specifity.