The CSS :before and :after properties are what are also known as pseudo-elements. They are used to add something before or after the content of an element. There are a lot of great uses for these pseudo elements, and we are here to explore some of them.
The Syntax of before and after in CSS
If we have an element like this one:
We can add a pseudo-element before it using CSS, like this:
color : blue;
how can we user before and after in Scss?