سلام،

دلیل استفاده از before و after کاهش کدهای html نیست. چون هم محدودیتی نداریم هم کدهای html به اندازه ای هستند که چند بایت تاثیری در حجمش نمیکنه و همچنین اگر موضوع مقدار حافظه ی اشغالی باشه همین مقدار در فایل css قرار خواهد گرفت.

after و before رو بعنوان ی قابلیتی یاد بگیرید که در بعضی از موارد و همچنین در تغییر برخی شرایط راه ساده‌تری خواهیم داشت و یک المان را میتونیم قبل یا بعد از محتوا اضافه کنیم. (append یا prepend کنیم) و برای این موضوع دیگر نیازی به استفاده از js نخواهد بود. (چنتا از use case هاش داخل ویدیو آموزش داده شده.)

اون سؤالی هم که فرمودین، ارتباطی با before و after نداشت اما در این سرفصل پرسیده شده بود.