Home » Before and After pseudo elements explained - part one: how they work

Download Before and After pseudo elements explained - part one: how they work in MP3 music or 3GP MP4 video, this video has duration 9:07 and uploaded by the user Kevin Powell on Feb 14, 2018.

Loading download links..
The before and after pseudo elements are super useful part of CSS, but are often misunderstood. This is part of a three-part series where I look at how they work, and cool stuff we can do with them.

In this video, I focus on what ::before and ::after even are and how we can use them, and even why we use the double colon before them, instead of a single one (it's to distinguish them from pseudo-classes, like :hover).

One important thing with both the before and after pseudo elements is that they require us to define the content property. Without it, it defaults to none and, well, we can use it!


New to Sass, or want to step up your game with it? I've got a course just for you: https://www.kevinpowell.co/...


My Code Editor: VS Code - https://code.visualstudio.com/

How my browser refreshes when I save: https://youtu.be/h24noHYsuGc


Support me on Patreon: https://www.patreon.com/kev...

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.

Instagram: https://www.instagram.com/k...
Twitter: https://twitter.com/KevinJP...
Codepen: https://codepen.io/kevinpow...
Github: https://github.com/kevin-po...

Related Videos