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

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

هذا يضيف كلمة hello في بداية كل div، داخله. وبالمثل ::after يضيف في النهاية.

ملاحظات

• الخاصية content ضرورية، ولو فارغة content: ""، وإلا لن يظهر شيء.
• الكتابة القديمة بنقطتين واحدة :before ما زالت تعمل.
• المحتوى المضاف لا يُحدَّد ولا يُنسخ عادةً، ولا يعتمد عليه في المعلومات المهمة.

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

.required::after { content: " *"; color: red; }
.quote::before { content: "“"; }