ההבדל בין מחלקה ומזהה

Class vs ID

גליונות סגנונות מדורגים (CSS) היא שפה המתארת ​​את המראה והעיצוב של מסמך שנכתב באמצעות שפת סימון. CSS נעשה שימוש נרחב בסגנון דפי אינטרנט שנכתבו ב- HTML. CSS מאפשר לציין את סגנונות הסגנון שלך בנוסף להחלת סגנונות עבור רכיבי HTML. זה נעשה באמצעות ID ו בוחר בכיתה. בעת ציון סגנון עבור אלמנט ייחודי יחיד, בורר המזהים משמש. בעת ציון סגנון עבור קבוצת אלמנטים, בורר הכיתה משמש.

-> ->

מהו מחלקה?

ב- CSS, בורר מחלקות יכול לשמש להחלת סגנון משלך על קבוצת אלמנטים. בורר המחלקה משמש להחלת סגנון מסוים על קבוצת אלמנטים עם אותה המחלקה. ב- CSS, בורר מחלקות מזוהה על ידי עצירה מלאה (.). להלן דוגמה של בורר מחלקה המוגדר ב- CSS.

. my_class {

צבע: כחול;

משקל גופני: מודגש;

-> ->

}

HTML יכול להתייחס למחלקה המוגדרת ב- CSS על ידי שימוש במחלקת התכונה כפי שמוצג בשאגה.

זה העיצוב שלי

זה העיצוב שלי שוב

כפי שניתן לראות לעיל, באותה המחלקה ניתן להשתמש עבור אלמנטים מרובים אלמנט אחד יכול להשתמש במחלקות מרובות. כאשר מחלקות מרובות משמשות באותו אלמנט, הכיתות מוכנסות לתכונה class שמופיעה על ידי רווח כפי שמוצג בשאגה.

זהו העיצוב שלי באמצעות שתי כיתות

מהו מזהה?

ב- CSS, בורר הזיהוי יכול לשמש להחלת הסגנון שלך על אלמנט ייחודי יחיד. ב- CSS, בורר זיהוי מזוהה על ידי Hash (#). להלן דוגמה של בורר מזהה המוגדר ב- CSS.

#my_ID {

צבע: אדום;

יישור טקסט: מימין;

}

HTML יכול להתייחס לבורר הזיהוי המוגדר ב- CSS באמצעות מזהה המאפיין כפי שמוצג בשאגה.

זהו טופס עיצוב שלי בורר מזהה

תעודות זהות ייחודיות. לכן לכל רכיב יש רק מזהה בודד וכל דף יכול לכלול רק אלמנט אחד עם אותו מזהה ספציפי. IDs יש מאפיין חשוב שניתן להשתמש בו עם הדפדפן. אם כתובת האתר של הדף מכילה ערך hash (e. G // myweb. Com # my_id), הדפדפן ינסה לאתר את האלמנט באופן אוטומטי עם מזהה "my_id" וגלול בדף האינטרנט כדי להציג את הרכיב. זוהי סיבה אחת מדוע הדף צריך להיות אלמנט אחד עם זה מזהה ספציפי, כך הדפדפן יכול לאתר את האלמנט הזה.

מה ההבדל בין Class ו- ID?

למרות שניתן לבחור את הסמן ואת בורר המזהים כדי להחיל את הסגנון שלך על אלמנטים בדף אינטרנט, יש להם כמה הבדלים חשובים. בורר הכיתה יכול לשמש להחלת הסגנון שלך על קבוצת אלמנטים, כאשר בורר המזהים משמש להחלת סגנון על אלמנט ייחודי ויחיד. בעת שימוש במזהים, לכל רכיב יש רק מזהה בודד וכל דף יכול לכלול רק אלמנט בודד עם אותו מזהה ספציפי, אך ניתן להשתמש ב- Class עבור אלמנטים מרובים, ואלמנט אחד יכול להשתמש בכיתות מרובות.יתר על כן, ניתן להשתמש ב- ID כדי לגלול עמוד באופן אוטומטי כדי להציג את האלמנט עם אותו מזהה, אבל זה לא אפשרי עם בורר הכיתה.