The CSS ::before selector inserts content before a selected element. CSS :after inserts content after a specified element. These selectors are commonly used to add text before or after a paragraph or a link.

When you’re designing a website, you may want to add in content before or after the content of an element appears. For instance, you may want to add an image before each bullet point in a list.