العناصر الوهمية

::before و::after عنصران وهميّان يولّدهما CSS داخل العنصر، قبل محتواه أو بعده، بلا وسم في الـ HTML. مكانهما الزخرفة: سهم، علامة اقتباس، أيقونة صغيرة — ما لا يضيف إلى المحتوى معنًى.

شرطهما الأول content: بلاها لا يُرسم شيء، ولو كانت نصًّا فارغًا content: "". والفخّ الثاني أنهما سطريّان افتراضيًّا، والعنصر السطري لا يقبل transform: تكتب الحركة فلا يتحرّك شيء، حتى تجعله inline-block.

ثم الحالات: :hover لمن يحرّك الفأرة، و:focus-visible لمن يتنقّل بلوحة المفاتيح. الثانية تظهر مع Tab وتغيب مع نقرة الفأرة، فلا حجّة لإلغاء إطار التركيز.