Ποιο είναι το σημείο: πριν και μετά από τους ψευδο-επιλογείς στοιχείων στο CSS;

Έχω χρησιμοποιήσει CSS ψευδο-στοιχεία επιλογής, όπως πολλοί άλλοι, κυρίως για να πω ότι τα χρησιμοποίησα.

Αλλά βασανίζομαι το μυαλό μου και προσπαθώ να βρω έναν λόγο για τη θέση τους παράλληλα με τη σήμανση .

Ακολουθήστε το ακόλουθο παράδειγμα:

    <p>Hello</p>

    p:after {
       content: "*";
    }

Τώρα, ποιο είναι το πλεονέκτημα να το χρησιμοποιήσετε πέρα ​​από τη χρήση ετικετών ;

Μου λείπει το σημείο : πριν και : μετά το ; Υπάρχει κάποιος βάσιμος λόγος για τη χρήση τους σε προϋπάρχουσα σημασιολογική σήμανση;