למד מה אשד גיליונות סגנון מדורגים אמצעי

קורס קצר

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

p {color: red; }
p {color: כחול; }

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

ואת הסדר הזה מוחל על ידי אילו בוררים (p בדוגמה לעיל) יש את הקדימות הגבוהה ביותר ואת הסדר שבו הם מופיעים במסמך.

הרשימה הבאה היא פישוט של האופן שבו הדפדפן שלך מחליט קדימות לסגנון:

1. עיין בגיליון הסגנון עבור בורר התואם את האלמנט. אם אין סגנונות מוגדרים, השתמש בכללי ברירת המחדל בדפדפן
2. עיין בגיליון הסגנונות עבור סלקטורים שסומנו וחשוב ויישם אותם על הרכיבים המתאימים.
3. כל הסגנונות בגיליון הסגנון יעקפו את סגנונות הדפדפן המוגדרים כברירת מחדל (למעט במקרה של גיליונות סגנונות משתמש).
4. ככל שסגנונו של בורר הסגנון יהיה גבוה יותר, כך תהיה לו עדיפות גבוהה יותר. לדוגמה, div> p.class הוא ספציפי יותר מאשר p.class שהוא ספציפי יותר מאשר p.
5. לבסוף, אם שני כללים חלים על אותו אלמנט ובעלי קדימות אותו בורר, העדכון שנטען האחרון יחול. במילים אחרות, גיליון הסגנון נקרא מלמעלה למטה, וסגנונות מוחלים זה על גבי זה.

על פי כללים אלה, בדוגמה שלעיל, פסקאות ייכתבו בכחול, משום ש- p {color: blue; } מגיע לאחרונה בגיליון הסגנון.

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