تفاوت بین کلاس انتخابگر CSS و id چیست؟ استفاده از id و کلاس در HTML

تفاوت بین کلاس انتخابگر CSS و id چیست؟ استفاده از id و کلاس در HTML

چن ویلیانگ اخیراً روی سئو کار کرده و قالب وردپرس وب‌سایت را بهینه کرده است.

اگرچه قبلاً برخی از دانش های اولیه HTML و CSS را یاد گرفته ام، اما مدتی است که از آن استفاده نکرده ام، به خصوص استفاده از قسمت CSS، فراموش کردن آن آسان است.

بنابراین، تفاوت و استفاده از شناسه و کلاس انتخابگر CSS را در اینجا ثبت و خلاصه کنید:

• id با #div مطابقت دارد
• کلاس با .div مطابقت دارد

تفاوت بین شناسه و کلاس

شرح شناسه

• id یک تگ ثابت است که برای تعریف سبک بزرگتر در صفحه وب استفاده می شود که به شکل #div تعریف شده است.
• به عنوان مثال: ستون های تقسیم، بالا، بدنه، پایین و غیره...
• برای تعریف یک عنصر خاص استفاده می شود که فقط یک بار در هر صفحه ظاهر می شود و نمی توان آن را به طور مکرر فراخوانی کرد.

توضیحات کلاس

• Class یک گروه سبک است که برای تعریف استایل های دقیق در صفحه وب استفاده می شود و به صورت div تعریف شده و قابل تکرار است.
• به عنوان مثال: یک منوی خاص، یک خط متن و غیره...
• در همان صفحه، می توان آن را بارها و بارها توسط چندین عنصر فراخوانی کرد

خود انتخابگر div هیچ خاصیتی ندارد و با تعریف css خود برخی از طرح بندی ها مانند عرض، ارتفاع، رنگ پس زمینه و اندازه متن div را کنترل می کند.

وب‌سایت‌های تجارت الکترونیک معمولی و صفحات وب HTML که توسط برنامه‌های ساخت وب‌سایت تولید می‌شوند، از CSS برای دستیابی به طرح‌بندی صفحه استفاده می‌کنند.

انتخابگر چیست؟

تعریف هر سبک CSS از 2 بخش تشکیل شده است:

选择器 {样式}

• قسمت قبل از {} ​​"انتخاب کننده" است.
• "انتخابگر" نشان دهنده "سبک" {} است که به آن عمل می کند.
• یعنی این «سبک» روی کدام عنصر از صفحه وب کار می کند؟

نمونه کد

در اینجا نحوه انتخاب و استایل یک عنصر class="sidebar" آورده شده است:

.sidebar
{ 
background-color:black;
}

در اینجا نحوه انتخاب و استایل یک عنصر با id="footer" آمده است:

#footer
{ 
background-color:black;
}