هل يمكن استخدام CSS المضمّن :: قبل و :: بعد العناصر الزائفة؟

الاستعلام عما إذا كان CSS المضمّن يسمح بنشر :: قبل و ::بعد العناصر الزائفة هو سؤال صالح. تتعمق هذه المقالة في تفاصيل الإجابة على هذا الاستعلام.

Inline CSS والعناصر الزائفة

يوفر Inline CSS، الموجود مباشرة داخل عناصر HTML، بديلاً لـ CSS المحددة في ورقة أنماط خارجية. بينما يخدم CSS المضمّن غرضه، يظهر قيود عند النظر في العناصر الزائفة.

العناصر الزائفة، : قبل و: بعد، هي ميزات متكاملة لـ CSS، مما يسهل إدراج المحتوى قبل أو بعد عنصر معين. ومع ذلك، تتطلب هذه العناصر الزائفة إعلانات أوراق الأنماط، حيث لا يمكن لـ CSS المضمنة استهدافها مباشرة.

تنفيذ العناصر الزائفة مع أوراق الأنماط

لتوضيح تنفيذ ::before و ::بعد استخدام أوراق الأنماط، راجع المثال التالي:

td { 
    text-align: justify;
}
td::after { 
    content: "";
    display: inline-block;
    width: 100%;
}

في هذا المثال، تضمن خاصية CSS المضمنة text-align: justify وجود نص مضبوط داخل عنصر td. في الوقت نفسه، يقوم العنصر الزائف ::after، المحدد في ورقة الأنماط، بإدخال سلسلة فارغة، باستخدام كتلة مضمنة تمتد عبر عرض عنصر td.