מה המשמעות של CSS?

חשוב כוחות שינוי של אשד

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

אם תנסו את התרגול הזה ותראו גליונות סגנונות מדורגים (CSS), דבר אחד שאתם רואים בקוד זה הוא שורה שאומרת!

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

אשד של CSS

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

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

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

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

p {color: red; }
p {color: black; }

כיצד לשנות את העדיפות

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

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

כדי להפוך את הטקסט פסקה תמיד אדום, מהדוגמה לעיל, תשתמש:

p {color: red! חשוב; }
p {color: black; }

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

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

מתי להשתמש! חשוב

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

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

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

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

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

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

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

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

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

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

בעריכת ג'רמי ג'יררד