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

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

چن ویلیانگدر حال اجراSEO، سایت را بهینه کنیدوردپرسموضوع.

اگرچه قبلاً برخی از دانش های اولیه 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;
}