1
HTML/CSSBeginner#css#display
HTML/CSSIntermediate#css#pseudo-elements
What is the CSS 'content' property used for with pseudo-elements?
content is required for ::before/::after to render anything; it can insert text, counters, quotes, or images. It's commonly used for decorative icons, tooltips, and numbered list counters without extra markup.
Example
.required::after { content: ' *'; color: red; }
ol { counter-reset: section; }
li::before { counter-increment: section; content: counter(section) '. '; }