7 Practical Uses for the ::Before and ::After Pseudo-Elements in Css
CSS
::before
and::after
pseudo-elements allow you to insert “content” before and after any non-replaced element (e.g. they work on a<div>
but not an<input>
).
This effectively allows you to show something on a web page that might not be present in the HTML content. You shouldn’t use it for actual content because it’s not very accessible in that you can’t even select and copy text inserted on the page this way — it’s just decorative content