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

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

סוגי גליונות סגנון

קיימים שלושה סוגים שונים של גיליונות סגנון:

1. מחבר סגנון גיליונות
   1. אלה הם גיליונות סגנונות שנוצרו על ידי המחבר של דף האינטרנט. הם מה שרוב האנשים חושבים כאשר הם חושבים על גיליונות סגנון CSS.
2. גליונות סגנון משתמש
   1. גיליונות סגנונות משתמש נקבעים על-ידי המשתמש בדף האינטרנט. אלה מאפשרים למשתמש לקבל שליטה רבה יותר על אופן הצגת הדפים.
3. גיליון סגנונות סוכן משתמש
   1. סגנונות שדפדפן האינטרנט חל על הדף כדי להציג את הדף. לדוגמה, ב- XHTML, רוב סוכני המשתמש החזותיים מציגים את התג כטקסט נטוי. הגדרה זו מוגדרת בגיליון סגנונות סוכן משתמש.

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

סדר יורד

כדי לפתור התנגשויות, דפדפני אינטרנט משתמשים בסדר המיון הבא כדי לקבוע לאיזה סגנון יש עדיפות וישמשו:

1. ראשית, חפשו את כל ההצהרות החלות על האלמנט המדובר, ועל סוג המדיה שהוקצה.
2. אז תסתכל על איזה גיליון סגנונות זה בא. כפי שצוין לעיל, גיליונות סגנון מחבר לבוא הראשון, ולאחר מכן המשתמש, ולאחר מכן סוכן המשתמש. עם סגנונות משתמש חשוב בעל עדיפות גבוהה יותר מאשר המחבר! סגנונות חשובים.
3. ככל שהסלקטור יהיה ספציפי יותר, כך הוא יקבל יותר קדימות. לדוגמה, סגנון על "div.co p" יהיה בעל עדיפות גבוהה יותר מאשר רק על תג "p".
4. לבסוף, למיין את הכללים לפי הסדר הם הוגדרו. לכללים המוגדרים מאוחר יותר בעץ המסמך יש עדיפות גבוהה יותר מאלו שהוגדרו קודם לכן. וכללים מגיליון סגנונות מיובא נחשבים לפני הכללים ישירות בגיליון הסגנון.