Content Generation Pseudo-Elements

Content generation pseudo-elements enable us to insert content before or after an element’s existing content. This is particularly useful for adding decorative elements or additional information without modifying the HTML.

::before

The ::before pseudo-element inserts generated content before the content of an element. It is commonly used to add icons, symbols, or decorative graphics.

In this example, we are using ::before to insert a triangular icon before each list item in the menu. The content property specifies the ...