CSS selector p::after

Селектор ::after додає що-небудь після контенту вказаного елемента(-ів).

Використовуйте властивість content для визначення власного контенту, що буде додано.

правити

Порада

Щоб додати що-небуть в кінці змісту елемента, використовуйте селектор ::before.

автор: NagarD правити

+ додати пораду чи нотатку

Синтаксис

::after {


    css declarations;


}

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	1	1.5	4	7	12	9

Підтримка: мобільні переглядачі

Переглядач
	4.4	18	4	3.2

Приклади

+ запропонувати свій приклад у пісочниці

<p>Перший абзац</p>
<p>Другий абзац</p>

p::after {
    content: " — дописано через ::after";
}

<p>Перший абзац</p>
<p>Другий абзац</p>

p::after {
    content: " — дописано через ::after";
    background-color: yellow;
    color: red;
    font-weight: bold;
}