Do you know the difference? pseudo-classes vs pseudo-elements

From the creator

I've had a lot of people ask me the difference between pseudo-classes and pseudo-elements, so I figured why not make a video on it! 🔗 Links ✅ ::first-line and ::first-letter: https://youtu.be/kp4CZhKxEi4 ✅ ::before and ::after: https://youtube.com/playlist?list=PL4-IK0AVhVjPBX_HelwDlNsTiyr2YGSBw ✅ Code from this video: https://codepen.io/kevinpowell/pen/JjWzaPo ✅ MDN article listing all the pseudo-selectors: https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-elements#reference_section ⌚ Timestamps 00:00 - Introduction 00:51 - pseudo-classes 01:46 - pseudo-elements 02:59 - why you sometimes see pseudo-elements with a single colon 03:48 - injecting content 04:53 - do we really need to know the difference? #css -- Come hang out with other dev's in my Discord Community 💬 https://discord.gg/nTYCvrK Keep up to date with everything I'm up to ✉ https://www.kevinpowell.co/newsletter Come hang out with me live every Monday on Twitch! 📺 https://www.twitch.tv/kevinpowellcss --- 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 sur

Published 2021-08-26 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.