شناسه های (id) و کلاس(Class) در Css
کلاس ها و id ها این امکان را به شما می دهند که بتوانید چندین استایل منحصر به فرد را به عنصر html اعمال کنید به این صورت که می توانید انتخاب کنید که هر بار که از عنصر html استفاده کردید از کدام استایل برای آن استفاده کنید.
برای مثال اگر میخواهید در صفحه تان یکی از پاراگراف ها حاشیه نقطه نقطه و یکی دیگر حاشیه توپُر داشته باشد ،کلاس ها و شناسه ها این را ممکن میسازند.
کلاس ها در css با یک نقطه قبل از نام کلاس مشخص میشوند،مانند مثال زیر:
.dotted-border { border: 1px dotted #000000; }
یا
p.dotted-border { border: 1px dotted #000000; } "dotted-border" نام کلاس است و سلکتور (نام عنصر html) فقط وقتی باید مشخص شود که سلکتور تنها عنصر html باشدکه می خواهیم کلاس روی آن اعمال شود. کلاس dotted-border به روش زیر به عنصر html روی صفحه وب ارجاع داده می شود:
(p class="dotted-border") (/p)
کلاس ها میتوانند در یک صفحه چندین بار استفاده شوند در حالیکه id ها تنها یکبار در هر صفحه قابل استفاده اند.
id ها در css با علامت "#" قبل از نام id مشخص می شوند، همچون مثال زیر:
#solid-border { border: 1px solid #000000; }
یا
p #solid-border { border: 1px solid #000000; }
شناسه ها به سلکتور یا نام عنصر html نیازی ندارند،چون وقتی شناسه ارجاع داده میشود یا فراخوانی می گردد عنصر مشخص میشود.به روش زیر: ( در مثال ها به جای() از علامتهای <> استفاده کنید)
(p id="solid-border") (/p)
کلاس ها و id ها فقط در css داخلی و خارجی کاربرد دارند.
