! וויכטיק פאָרסעס אַ ענדערונג אין די קאַסקאַדע
איינער פון די בעסטער וועגן צו לערנען ווי צו קאָד וועבסיטעס איז צו קוקן אין די מקור קאָודז פון אנדערע זייטלעך. דעם פיר איז ווי פילע וועב-פּראָפעססיאָנאַלס געלערנט זייער מעלאָכע, ספּעציעל אין די טעג איידער עס זענען אַזוי פילע אָפּציעס פֿאַר וועב פּלאַן קאָרסאַז , ביכער , און אָנליין טריינינג זייטלעך.
אויב איר פּרוּווט דעם פיז און קוק בייַ אַ פּלאַץ פון קאַסקיידינג נוסח שיץ (קסס), איין זאַך איר קען זען אין דעם קאָד איז אַ שורה וואָס זאגט!
וואָס טוט דאָס מיינען און, פּונקט ווי ימפּאָרטאַנטלי, ווי טאָן איר ריכטיק נוצן אַז דעקלאַראַציע אין דיין נוסח שיץ?
די קאַסקאַדע פון קסס
ערשטער פון אַלע, עס איז וויכטיק צו פֿאַרשטיין אַז קאַסקיידינג נוסח שיץ טאָן טאַקע קאַסקייד , וואָס זיי באַטייליקן אין אַ באַזונדער סדר. אין אַלגעמיין, דעם מיטל אַז די סטיילז זענען געווענדט אין די סדר זיי זענען לייענען דורך דעם בלעטערער. דער ערשטער נוסח איז געווענדט און דעמאָלט דער רגע און אַזוי אויף.
ווי אַ רעזולטאַט, אויב אַ נוסח איז אין די שפּיץ פון אַ נוסח בויגן און דעריבער איז געביטן נידעריקער אַראָפּ אין דעם דאָקומענט, די צווייטע בייַשפּיל פון דעם נוסח איז דער איינער געווענדט אין סאַבסאַקוואַנט ינסטאַנסיז, ניט דער ערשטער. בייסיקלי, אויב צוויי סטיילז זאָגן די זעלבע זאַך (וואָס מיטל זיי האָבן די זעלבע מדרגה פון ספּאַסיטי), די לעצטע איינער ליסטעד וועט זיין געניצט.
פֿאַר בייַשפּיל, לאָזן אונדז ימאַדזשאַן אַז די ווייַטערדיק סטיילז זענען קאַנטיינד אין אַ נוסח בלאַט. דער פּאַראַגראַף טעקסט וועט זיין רענדערד אין שוואַרץ, אַפֿילו כאָטש דער ערשטער נוסח פאַרמאָג געווענדט איז רויט.
דאָס איז ווייַל די "שוואַרץ" ווערט איז ליסטעד רגע. זינט קסס איז לייענען שפּיץ-צו-דנאָ, די לעצט סטיל איז "שוואַרץ" און דעריבער אַז איינער ווינס.
פּ (קאָלירן: רויט; }
פּ (קאָלירן: שוואַרץ; }
ווי! וויכטיק ענדערונגען די בילכערקייַט
איצט אַז איר פֿאַרשטיין ווי די קימאַט יידעניקאַל כּללים זענען פּראַסעסט דורך קסס, מיר קענען קוקן אין ווי די! וויכטיק דירעקטיוו ענדערונגען דאס אַ ביסל.
די! וויכטיק דירעקטיוו ווירקן די וועג וואָס דיין CSS קאַסקיידז נאָך די פאלגענדע כּללים וואָס איר פילן איז רובֿ וויכטיק און זאָל זיין געווענדט. א רעגולער וואָס האט די! וויכטיק דירעקטער איז שטענדיק געווענדט קיין ענין ווו דאָס הערשן אויס אין דעם קסס דאָקומענט.
צו מאַכן די פּאַראַגראַף שטענדיק רויט, פון די אויבן בייַשפּיל, איר וועט נוצן:
p {קאָליר: רויט! וויכטיק; }
פּ (קאָלירן: שוואַרץ; }
איצט די טעקסט וועט דערשייַנען אין רויט, כאָטש די "שוואַרץ" ווערט איז ליסטעד רגע. די! וויכטיק דירעקטיוו אָוווערריידז די נאָרמאַל כּללים פון די קאַסקייד און עס גיט דעם סטיל זייער הויך ספּעקיאַליטי.
אויב איר לעגאַמרע דאַרפֿן די פּאַראַגראַפס צו דערשייַנען רויט, דעם נוסח וואָלט טאָן עס, אָבער אַז טוט נישט מיינען אַז דאָס איז אַ גוט פיר. זאל ס ווייַטער קוק בייַ ווען איר זאל וועלן צו נוצן! וויכטיק און ווען עס איז נישט צונעמען.
ווען צו נוצן! וויכטיק
די! וויכטיק דירעקטיוו איז זייער נוציק ווען איר זענען טעסטינג און דיבאַגינג אַ וועבזייטל. אויב איר זענט נישט זיכער וואָס אַ נוסח איז נישט געווענדט און טראַכטן עס קען זיין אַ ספּעקיאַלייט אַרויסגעבן, איר קענען לייגן די! וויכטיק דעקלאַראַציע צו דיין סטיל צו זען אויב אַז פיקסיז עס.
אויב אַדדינג! וויכטיק איז טאַקע פאַרריכטן דעם נוסח פּראָבלעם, איר האָט נאָר באשלאסן אַז עס איז אַ ספּעציפיש אַרויסגעבן. אָבער, איר טאָן נישט וועלן צו לאָזן אַז! וויכטיק קאָד אין פּלאַץ, עס איז בלויז שטעלן עס פֿאַר טעסטינג צוועקן.
זינט טעסטינג איז געטאן, איר זאָל איצט באַזייַטיקן דעם דירעקטיוו און באַשטימען דיין סעלעקטאָר צו דערגרייכן די ספּעציפישקייַט אַז איר דאַרפֿן צו באַקומען דיין נוסח אַרבעט. ! וויכטיק זאָל נישט מאַכן דיין וועג אין אייער פּראָדוקציע זייטלעך, אין טייל ווייַל פון ווי עס ענדערונגען די נאָרמאַל קאַסקייד.
אויב איר דאַרף אויך שווער אויף די! וויכטיק דעקלאַראַציע צו דערגרייכן דיין געוואלט סטיילז, איר וועט יווענטשאַוואַלי האָבן אַ נוסח בלאַט ליטערד מיט! וויכטיק סטיילז. איר וועט זיין פאַנדאַמענאַלי טשאַנגינג די וועג וואָס CSS איז פּאַסט פּראַסעסט. עס איז אַ פויל פיר, וואָס איז נישט גוט פון אַ לאַנג-טערמין פאַרוואַלטונג סטאַנדפּוינט.
נוצן וויכטיק פֿאַר טעסטינג אָדער, אין עטלעכע קאַסעס, ווען איר קעסיידער מוזן אָווועררייד אַ ינלינע נוסח וואָס איז טייל פון אַ טעמע אָדער טעמפּלאַטע פריימווערק.
אפילו אין די קאַסעס, נוצן דעם צוגאַנג ווי ספּערינגלי ווי מעגלעך און אַנשטאָט שטרעבן צו שרייַבן ריין נוסח שיץ אַז פֿאַרשטיין די קאַסקייד.
User Style Sheets
עס איז אַ לעצט באַמערקונג אויף די! וויכטיק דירעקטיוו וואָס איז יקערדיק צו פֿאַרשטיין. דער דירעקטיוויטעט איז אויך געשטעלט געווארן צו העלפן וועבזייטלן ניצערס זיך איבערצייגן מיט נוסח שיץ וואָס מאַכן בלעטער שווער צו נוצן אָדער לייענען.
טיפּיקאַללי, אויב אַ באַניצער דיפיינז אַ נוסח בויגן צו מיינונג וועב זייַטלעך, דעם נוסח בויגן איז אָוווערטרולד דורך די וועב בלאַט מחבר ס סטיל בלאַט . אויב דער באַניצער מאַרקס אַ נוסח ווי! וויכטיק, אַז נוסח אָוווערריילז די וועב בלאַט מחבר ס נוסח בויגן, אַפֿילו אויב דער מחבר מאַרקס אַ הערשן ווי! וויכטיק.
דעם איז נוציק פֿאַר וסערס וואס דאַרפֿן צו שטעלן סטיילז אין אַ זיכער וועג. פֿאַר בייַשפּיל, עמעצער זאל דאַרפֿן צו פאַרגרעסערן די פעליקייַט שריפֿט גרייס אויף אַלע וועבזייטל זיי נוצן. דורך דיין יקערדיק דירעקטיוו ספּערינגלי אין די וועבזייטל איר בויען, איר אַקאַמאַדייט קיין ספּעציעל דאַרף דיין ניצערס קען האָבן.
Edited by Jeremy Girard