WeDoctor Frontend Technology

Jul 25, 2021 · Frontend Development

Mastering CSS content: How to Use ::before, ::after and Replace Elements

This article explains the CSS content property, how it works with ::before and ::after pseudo‑elements to insert generated content, the concept of replaceable elements, size calculation rules, and practical use cases such as inserting characters, creating shapes, image generation, attribute values, icon fonts and counters.