The pseudo-elements of CSS design guidelines

1.: First-line pseudo-Element

The "first-line" pseudo-element is used to set a special style to the first line of text.

2.:first-letter Pseudo-Elements

The "First-letter" pseudo-element is used to set a special style to the first letter of the text:

3.: Before pseudo-element

": Before" pseudo-element can insert new content in front of the content of the element.

4.: After pseudo element

The ": after" pseudo-element can insert new content after the element's contents.

The pseudo-elements of CSS design guidelines