ID و Class با هم تفاوت های اساسی دارند. ID اسمی یه که یک المنت رو از بقیه المنت ها متمایز کنه. مثل شماره کارت ملی یکتا است.
اولا هر المنت می تونه صرفا یک ID داشته باشه و ثانیا در یک صفحه به هیچ عنوان نباید دو المنت یک ID یکسان داشته باشند. المنت های یک صفحه
می توانند ID نداشته باشند ولی اگر برای برخی یا همه شون ID در نظر گرفتید نباید هیچگونه ID مشابهی بین شون باشه.
ID برای اینه که فرضا اگر خواستید بعدا در صفحه المنت مشخصی را در نظر بگیرید، فرضا رنگ اش را عوض کنید، یک اسم مشخصی برای
متمایز کردنش باشه. در CSS برای اینکه مشخص بشه که داریم Style یک ID رو تعیین می کنیم قبل اسم اش کاراکتر # درج می کنیم :
HTML:
#text1 {
color: red;
}
Class اسمیه که برای یک گروه از المنت ها تا یکسری ویژگی رو مشترکا برای چند المنت در نظر بگیرید. اسم Class باید یکتا باشه اما
می توانید چندین المنت رو با یک Class یکسان تعریف کنید و یا برعکس هر المنت می تونه عضو چندین Class باشه. از Class وقتی
استفاده می کنند که بخواهند چندین المنت که Style مشابهی دارند رو در یک گروه طبقه بندی کنند. در CSS برای اینکه مشخص بشه
که داریم Style یک Class رو تعیین می کنیم قبل اسم اش کاراکتر . درج می کنیم :
HTML:
.center {
text-align: center;
}
در ضمن تگ های HTML مثل BODY و DIV و P و ... به عنوان اسم کلاس از ابتدا تعریف شده اند، فرضا H1 یک تگ HTML است، شما می توانید برای
کلیه المنت های H1 داخل صفحه تان یک Style یکسان تعریف کنید :
HTML:
h1 {
color: red;
}
حتی می توانید برای ترکیب نام Class تگ و نام Class ای که خودتان تعریف می کنید یک Style اختصاصی در نظر بگیرید.
کافیست بین شان یک کاراکتر . قرار دهید. فرضا فقط برای تگ های H1 ای که جزو کلاس center هستند یک Style یکسان تعریف کنید :
