Should you add content with the ::before and ::after CSS pseudo-elements?

Separation of concerns is a key principle in web development. It states that:

Your HTML markup should only be responsible for holding the content of your document and nothing style-related and the CSS stylesheet should only contain styling declarations and not inject any content into the document.