CSS Pseudo-Elements

CSS Pseudo-Elements — a practical guide to CSS pseudo-elements with clear examples you can reuse in real projects.

CSS Tutorial Series (16/109). Prefer one article? Read the complete CSS tutorial.

Short description

Pseudo-elements need a `content` property for ::before/::after.

Pseudo-elements

.icon::before {
  content: "★";
  margin-right: 0.35em;
}