CSS selector p::after

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

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

правити

Порада

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

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

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

Синтаксис

::after {


    css declarations;


}

Переглядачі

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

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

Переглядач
after	4.0	3.5	3.1	7.0	9.0

Мобільних переглядачів ще не додано.

Приклади

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

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

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

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

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