A css pseudo-element is a keyword added to the selector to style a specific part of the selected element. For example, ::first-line which is used to style the first line of the selected element.
selector::pseudo-element {
property: value;
}
p::first-line {
text-transform: uppercase;
}