There are a lot of pseudo-classes out there, some of which are much more well-known than others. Since most people already know of the popular ones, I thought I’d share some light on a few lesser-known ones that can be useful in the right situations.
✅ Make a CSS only lightbox using :target https://youtu.be/6j5q-hP8sfk
✅ A full list of pseudo-classes: https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes
00:00 – Introduction
00:54 – bonus-tip on smooth-scroll
01:32 – the :target pseudo-class
03:18 – bonus-tip on scroll-padding
04:18 – the :only-child pseudo-class
06:31 – the :only-of-type pseudo-class
07:30 – the big difference between the two
Come hang out with other dev’s in my Discord Community
Keep up to date with everything I’m up to
Come hang out with me live every Monday on Twitch!
Help support my channel
👨🎓 Get a course: https://www.kevinpowell.co/courses
👕 Buy a shirt: https://teespring.com/stores/making-the-internet-awesome
💖 Support me on Patreon: https://www.patreon.com/kevinpowell
My editor: VS Code – https://code.visualstudio.com/
I’m on some other places on the internet too!
If you’d like a behind the scenes and previews of what’s coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.
And whatever you do, don’t forget to keep on making your corner of the internet just a little bit more awesome!
source by Kevin Powell