::after عنصر زائف يضيف محتوى في نهاية العنصر، بعد محتواه الأصلي:

div::after {
  content: "hello";
}

هذا يضيف كلمة hello في آخر كل div، داخله وليس خارجه.

استخدامات شائعة

/* a small arrow after links that open a new tab */
a[target="_blank"]::after { content: " ↗"; }

/* clear floats (an old trick) */
.clearfix::after { content: ""; display: block; clear: both; }

تذكير

• بدون الخاصية content لن يظهر شيء.
• ::before يضيف في البداية، و::after في النهاية.
• لا تضع فيه معلومات مهمة، فقد لا تقرؤها كل الأدوات.