اگر طراح یا برنامه نویس صفحات وب باشید ، حتما با فایلها css سرو کار داشته اید ، مهمترین عناصر این فایلها id و class است . با نگاهی گذرا ، می بینیم که ای دو خصوصیت بسیار مشابه هم هستند ، پس چرا از هر دو استفاده می کنیم ، جه تفاوتی با هم دارن در اینجا من می خواهم تفاوت عمده این دو عنصر یعنی id و class را در فایلها css برای شما مختصرا بیان کنم. Id منحصر به فرد است : *-هر عنصر می تواند تنها یک id داشته باشد . *-هر صفحه می تواند فقط یک عنصر با یک id منحصر به فرد داشته باشد کلاسها منحصر به فرد نیستند : *-شما می توانید از یک کلاس در چندین عنصر استفاده کنید *-شما می توانید از چند کلاس در یک عنصر استفاده کنید <div class="widget"></div> <div class="widget big"></div>
شباهت id و class با سیستم بارکد و شماره سریال
شما اگر به کالاهای موجود در یک فروشگاه زنجیره ای دقت کنید می بینید ، یک کالای خاص دارای مثلا 50 عدد موجودی در آن فروشگاه است ، خوب تمام این 50 عدد دارای یک شماره بارکد است که وقتی توسط دستگاه خوانده می شود ، نشان دهنده رنگ و قیمت و بقیه مشخصات آن کالا است ، حال اگر قیمت آن کالا عوض شد ، شما باید اطلاعات مربوط به آن بارکد را عوض کنید اما همان کالا در کنار بارکد ، دارای یک شماره سریال است ، این سریال برای هر کالا یک شماره منحصر به فرد است ، یعنی هر کدام از این اقلام 50 ،کالا دارای شماره سریال منحصر به فرد است ، این شماره فقط نمایش دهنده آن کالا است و اطلاعات آن قابل تغییر نیست . خوب شباهت و تفاوت id و class در فایلهای css همانطور است . در حقیقت id همان شماره سریال کالا است که منحصر به فرد است و قابل تغییر نیست . و بارکد همان class است که فقط نمایش دهنده آن کالا است که تکراری است و می تواند هر لحظه تغییر کند . |