Для чего используется свойство `content`?

Question

Accepted Answer

## Генерация содержимого

`content` в основном для **`::before` / `::after`**: текст, счётчики, url картинки, `attr()`.

```css
.required::after {
  content: " *";
  color: red;
}
li::marker { content: counter(item) ". "; }
```

Также участвует в `quotes`, замене элементов в редких кейсах. Важно: текст из `content` **есть в a11y по-разному** (часто читается, но плохо для важного контента) — не кладите туда критичную информацию, которую должен видеть SEO/копипаст. Пустой `content: ""` нужен clearfix и декоративным псевдоэлементам с размерами.