CSS Before and After pseudo elements explained - part two: the content property

I signed up for icodethis following your recommendation. In multiple challenges where there is a box with an arrow connecting it to what it’s referencing ( like in messenger). I was told sudo elements are the easiest way to do it. How does that work?

thanks for the awesome video

This was really informative. I was wondering if you have any accessibility tips / advice for using these methods?

Good!!! Wow...

This is SUCH a helpful video. Thank you so much for your time and shared expertise. I love that you explain each step as you're doing it, and that you start simple and ugly and build into complex and beautiful.

Thank you soooo very much!👍🏽👍🏽👍🏽👍🏽👍🏽

The Canadianisity of this one is strong, eh?

Great Tutorial ❤

this is getting more exiting <3

Small additional tip: If you don't want your link tooltips to be clickable along with the link itself, you can add `pointer-events: none` and now it is only visual

You have reached CSS at a level that no religion could explain it

OMG, so many new things in one video :O I have so much more to learn :)
Nice job!

excellent!

I never forgive myself for not having found your videos so far

this is too good, thanks

Thank you very much, it was very helpful and I learned something new today :)

At the end of the video, the counters you did first stopped working.

Thanks a lot!

This is definitely my favorite CSS channel.

Why do ::before and ::after pseudo elements not work with inline SVGs? Am I doing something wrong?
I can see they work well with pseudo classes like :hover.