Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Де розташовуються ::before і ::after у потоці?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**`::before`/`::after`** - псевдоелементи, які є дочірніми елементами обраного вузла й типово розташовуються всередині елемента, поза його основним текстом: `::before` перед контентом, `::after` після нього. **Ключове:** обидва беруть участь у потоці як звичайні inline-елементи, якщо не змінювати `display`, і не виводяться без властивості `content`.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)ЗображенняОбидва псевдоелементи, `::before` і `::after`, **є дочірніми елементами обраного вузла** і типово розташовуються **всередині елемента, але поза його основним текстом**: - `::before` - вставляється **перед контентом елемента** - `::after` - **після контенту елемента** При цьому вони: - беруть участь у потоці **як звичайні inline-елементи**, якщо не змінювати `display` - не виводяться без `content` - можуть бути перетворені на блоки, абсолютно спозиціоновані тощо, якщо задати відповідні властивості **Підсумок:** обидва псевдоелементи перебувають *всередині елемента в DOM-потоці, але навколо його основного вмісту*: `::before` перед ним, `::after` після нього.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.