Focus pokus

Příklad testující chování pseudotřídy :focus, :focus-visible a :focus-within

Zde začíná div s :focus-within konec divu.
normální odkaz

Závěry: pseudotřída :focus-visible se prakticky nijak neliší od pseudotřídy :focus.

Vyhraje to, co je v CSS uvedeno později (to není překvapení, to je zásadní vlastnost CSS).

Pseudotřída :focus-within funguje dobře a je ekvivalentem k zápisu :has(:focus).

Pro pochopení příkladu si zobrazíte zdroj. Příklad se vztahuje k textu o pseudotřídách.