A CSS pseudo-element is a keyword added to a selector that lets you style a specific part of the selected element(s).
Ref.: https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements
In CSS, ::before creates a pseudo-element that is the first child of the selected element.
In CSS, ::after creates a pseudo-element that is the last child of the selected element.