Welchen Sinn haben die Pseudoelementselektoren ::before und ::after in CSS? ⇐ CSS

[Anonymous]

Ich habe wie viele andere CSS-Pseudoelementselektoren verwendet, hauptsächlich nur, um zu sagen, dass ich sie verwendet habe.
Aber ich zerbreche mir den Kopf und habe Mühe, einen Grund für ihren Platz neben dem Markup zu finden.
Nehmen Sie das folgende Beispiel:

Code: Select all

p::after {
content: "*";
}

Code: Select all

Hello

Was ist der Vorteil dieser Verwendung gegenüber der Verwendung von -Tags?
Verpasse ich den Sinn von ::before und ::after? Gibt es einen stichhaltigen Grund dafür, sie gegenüber bereits vorhandenem semantischem Markup zu verwenden?