بعض أساسيات قوالب بلوجر
id = هو عبارة عن محدد رئيسي يوجد بالـ HTML وهو يخبر الـ CSS بأننا سنعمل على منطقة ما ويرمز له بالـ CSS بالعلامة #
class = له نفس خواص الـ id فهو عبارة عن المحدد الثانوي ويرمز له بالـ CSS بالنقطة .
كمثال
صيغة الـ HTML الخاصة باستدعاء الـ CSS عبر المحدد id
<div id='outer-wrapper'>
</div>
صيغتة على CSS
#outer-wrapper { }
صيغة الـ HTML الخاصة باستدعاء الـ CSS عبر المحدد class
<div class='outer-wrapper'>
</div>
صيغتة على CSS
.outer-wrapper { }
كما رأيتم لاحظتم الفرق الواضح بينهم لما يكون المتغير عبارة عن id في الـ HTML نعرفه في الـ CSS عبر وضع شباك # قبل المتغير أو الوسم الذي نريد استدعائه
أما لما يكون المتغير عبارة عن class في الـ HTML نعرفه في الـ CSS عبر وضع نقطة . قبل المتغير أو الوسم الذي نريد استدعائه.
المصدر: شرح مبدع ، مع التعديل