CSS PSEUDO ELEMENTS

They are used to add special effects to some selectors.

For example, if we want the first line of each paragraph has a special style, use "first-line".

Example of "first-line" so that the first line of each paragraph has blue

p:first-line { color:blue; }

If we want the first letter of a paragraph has a special style:

p:first-letter { color:blue; font-size:x-large; }

If we want to insert an image before each paragraph:

p:before { content:url(image.gif); }

If we want to insert an image behind each paragraph:

p:after { content:url(image.gif); }