Pseduo Elements Example
CSS pseduo elements are extremely important when it comes to making dynamic and powerful CSS that would otherwise require tons of javaScript and HTML.
0:35
Pseudo elements are the "::before" and "::after" tags that you see alot in CSS.
1:00
In older CSS there was only one colon :, however in the newer CSS 3 specification it was decided that two colons :: was to be used for before and after elements.
You should use two colons, since it is the newer standard.
1:38
2:10
Pseudo elements require you to use the content attribute to actually set what the content inside of this before pseudo element should be.
4:16
Another common way to use pseduo elements is to add new things to an element such as a tool tip.
5:10
To make this tooltip actually work we need to absolutely position the tooltip.
6:45
There is a maximum limit of one before pseudo element and one after pseudo element. Only one of each.