Pseudo Elements

A CSS pseudo-element is a keyword added to a selector that is used to style a specific part of the selected elements.

We can add the generated content before or after an element is generated. Pseudo-elements allows to specify when to automatically generate content.

The pseudo-elements are

E:beforegenerate content before the E element
E:aftergenerate content after the E element
:first-line pseudo-element

Used to select the first line of a block of text. (e.g. paragraph, division text, etc)

E:first-line

where E is the element in which the first line is selected.

:first-letter pseudo-element

Used to select the first letter of a block of text. (e.g. paragraph, division text, etc)

E:first-letter

where E is the element in which the first letter is selected.

Related Tutorial
Follow Us
https://www.facebook.com/Rookie-Nerd-638990322793530 https://twitter.com/RookieNerdTutor https://plus.google.com/b/117136517396468545840 #
Contents +