אחת הדרכים הטובות ביותר ללמוד כיצד לקודד אתרים היא להסתכל על קודי מקור של אתרים אחרים. נוהג זה הוא כמה אנשי מקצוע ברשת למדו את מלאכתם, במיוחד בימים שלפני כן היו אפשרויות רבות כל כך עיצוב אתרים קורסים, ספרים ואתרי הדרכה מקוונים.
אם תנסה את הנוהג הזה ותסתכל בגליונות הסגנון המדורגים של אתר, דבר אחד שאתה עשוי לראות בקוד הזה הוא שורה שאומרת !חָשׁוּב. מונח זה משנה את עדיפות העיבוד בגליון הסגנון.
אשד ה- CSS
גליונות סגנון מדורגים אכן אֶשֶׁד, כלומר הם ממוקמים בסדר מסוים. באופן כללי, הסגנונות מיושמים לפי סדר קריאתם על ידי הדפדפן. הסגנון הראשון מוחל ואז השני, וכן הלאה.
כתוצאה מכך, אם סגנון מופיע בחלק העליון של גיליון הסגנון ולאחר מכן ישתנה למטה במסמך, המופע השני של אותו סגנון הוא זה שיושם במקרים הבאים, ולא הראשון. ביסודו של דבר, אם שני סגנונות אומרים את אותו הדבר (מה שאומר שיש להם אותה רמת ספציפיות), ישתמש בזה האחרון שברשימה.
לדוגמה, בואו נדמיין שהסגנונות הבאים היו כלולים בגיליון סגנונות. טקסט הפיסקה יוצג בשחור, למרות שמאפיין הסגנון הראשון שהוחל הוא אדום. הסיבה לכך היא שהערך "שחור" מופיע במקום השני. מכיוון שקוראים CSS מלמעלה למטה, הסגנון הסופי הוא "שחור" ולכן זה מנצח.
p {צבע: אדום; }
p {צבע: שחור; }
כמה חשוב לשנות את העדיפות
ה !חָשׁוּב ההוראה משפיעה על האופן שבו ה- CSS שלך מדורגים תוך שמירה על הכללים שאתה חושב שהם הקריטיים ביותר ויש להחיל אותם. כלל שיש בו הנחיה זו מוחל תמיד ולא משנה היכן כלל זה מופיע במסמך CSS.
כדי להפוך את טקסט הפסקה לאדום תמיד, מהדוגמה הקודמת, שנה את הסגנון באופן הבא:
p {צבע: אדום! חשוב; }
p {צבע: שחור; }
כעת כל הטקסט יופיע באדום, למרות שהערך "שחור" מופיע במקום השני. ההנחיה החשובה עוקפת את הכללים הרגילים של המפל והיא מעניקה לסגנון זה סגוליות גבוהה מאוד.
אם היית זקוק לחלוטין לפסקאות כדי להופיע באדום, סגנון זה יעשה זאת, אך אין זה אומר שמדובר בפרקטיקה טובה.
מתי להשתמש! חשוב
ההנחיה החשובה מועילה כאשר אתה בודק ניפוי באגים באתר. אם אינך בטוח מדוע סגנון אינו מיושם וחושב שזה עשוי להיות סכסוך ספציפי, הוסף את ההצהרה החשובה שלך סגנון כדי לראות אם זה מתקן - ואם כן, שנה את סדר הבורר והסר את ההוראות החשובות מההפקה שלך. קוד.
אם אתה נשען יותר מדי על ההצהרה החשובה כדי להשיג את הסגנונות הרצויים שלך, בסופו של דבר יהיה לך דף סגנון מלא בסגנונות חשובים. תשנה באופן מהותי את אופן עיבוד ה- CSS של הדף. זה נוהג עצלן שאינו טוב מבחינה ניהולית ארוכת טווח.
השתמש! חשוב לבדיקה או, במקרים מסוימים, כאשר אתה בהחלט חייב לעקוף סגנון מוטבע המהווה חלק מתמה או מסגרת תבנית. גם במקרים אלה, השתמש בגישה זו במשורה ובמקום כתוב דפי סגנון נקיים המכבדים את אֶשֶׁד.
גיליונות סגנון למשתמש
הנחיה זו הוקמה גם כדי לסייע למשתמשי דפי אינטרנט להתמודד עם דפי סגנון המקשים עליהם או לקרוא דפים.
מתי מישהו מגדיר דף סגנון כדי להציג דפי אינטרנט, גיליון הסגנונות נשלל על ידי גיליון הסגנון של מחבר הדף. אם המשתמש מסמן סגנון כ! חשוב, סגנון זה שולל את גיליון הסגנון של כותב דף האינטרנט, גם אם המחבר מסמן כלל כחשוב.
היררכיה זו מועילה למשתמשים שצריכים להגדיר סגנונות בצורה מסוימת. לדוגמא, ייתכן שקורא לקוי ראייה יצטרך להגדיל את גודל הגופנים המוגדר כברירת מחדל בכל דפי האינטרנט בהם הוא משתמש. על ידי שימוש בהנחיה החשובה שלך בדפים שאתה בונה, אתה מתאים לצרכים הייחודיים של הקוראים שלך.