דף הבית » כיצד ניתן » כיצד להכניס שתי מחלקות שיורשות זו מזו לקובץ HTML

כיצד להכניס שתי מחלקות שיורשות זו מזו לקובץ HTML

כיצד להכניס שתי מחלקות שיורשות זו מזו לקובץ HTML

מהי ירושה ב-HTML?

ירושה ב-HTML היא היכולת של מחלקה אחת לרשת את המאפיינים של מחלקה אחרת. המשמעות היא שלמחלקה שיורשת את המאפיינים יהיו אותם מאפיינים כמו המחלקה ממנה היא יורשת. ניתן להשתמש בו כדי ליצור היררכיה של מחלקות, המאפשרות עיצוב ופונקציונליות מורכבים יותר.

כיצד להכניס שתי מחלקות שיורשות זו מזו לקובץ HTML

על מנת להכניס שתי מחלקות שיורשות זו מזו לקובץ HTML, תצטרך להשתמש בתכונה "class". התחביר עבור זה הוא כדלקמן:

זה יאפשר לך לציין שתי מחלקות ששתיהן יעברו בירושה על ידי האלמנט. הכיתה הראשונה שצוינה תהיה כיתת האב והכיתה השנייה תהיה כיתת הילד.

דוגמה 1: הורשת סגנונות מכיתת הורים

נניח שיש לך כיתה בשם "הורה" שמכילה קצת מידע על עיצוב. לאחר מכן תוכל ליצור כיתת צאצא בשם "ילד" ולרשת את מידע הסגנון ממחלקת האב באמצעות התחביר הבא:

כיתת הילד תירש כעת את כל מידע הסגנון מכיתת האב.

דוגמה 2: הורשת פונקציונליות מכיתת הורים

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

כיתת הילד תירש כעת את כל הפונקציונליות מכיתת האב.

סיכום

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

צרו איתנו קשר

אהבתם? שלחו לחבר\ה שחייב\ת לדעת גם!

דילוג לתוכן