I Love This CSS Focus Hack

The CSS :focus state is simple on the surface, but there is actually quite a lot going on behind the scenes. There are 3 total :focus states you can use in CSS and even a secret fourth state that make :focus much more complicated than it may first appear. In this video I go over everything you need to know about CSS :focus states. 📚 Materials/References: CSS :has Selector Video:    • This Is So Much More Than Just A Parent Se...   CSS :has Selector Article: https://blog.webdevsimplified.com/202... 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon:   / webdevsimplified   Twitter:   / devsimplified   Discord:   / discord   GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified ⏱️ Timestamps: 00:00 - Introduction 00:29 - :focus 01:16 - :focus-visible 03:05 - :focus-within 04:19 - :focus-visible-within 05:38 - Use Cases #CSSFocus #WDS #CSS