ווי צו מאַכן אַ קאַפּ-אַראָפּ קסס מעניוז

הייַנט מיר וועלן באַטראַכטן די קשיא פון "ווי טאָן איך מאַכן אַ קאַפּ-אַראָפּ קסס מעניוז?". עס זאָל זאָגן אין אַמאָל אַז דעם נומער וועט זיין געמאכט אָן קאַנעקטינג קיין נאָך געלט. אַז איז, די מעניו וועט זיין Created בלויז מיט קסס און HTML.

טריינינג

צו גאָר פֿאַרשטיין וואָס איז אין עס אין דעם אַרטיקל, איר דאַרפֿן אַ קליין ביסל צו באַקומען באַקאַנט מיט טעאָרעטיש מאַטעריאַל. אבער אויב איר זענט באַקאַנט מיט פּסעוודאָ-קלאסן, איר קענען האָפּקען דעם פּאַראַגראַף. אַזוי, צו מאַכן אַ ווערטיקאַל קאַפּ-אַראָפּ קסס מעניוז, מיר דאַרפֿן אַן עלעמענט ווי «: האָווער». די פּסעוודאָ «: האָווער» קענען זיין אַסיינד צו קיין HTML צעטל. עס אַלאַוז איר צו דעפינירן דעם מאָמענט ווען אַ נומער האָווער דיין מויז. לעמאָשל, מיר האָבן באשטימט פאַרמאָג: «אַ: האָווער {קאָליר: רויט;}». דעם פּאָזיציע איז מיטל אַז ווען איר האָווער די מויז עס טורנס רויט אויף די תּוכן פון קיין קוויטל <אַ>. עס איז כדאי צו באמערקן אַז דעם פּסעוודאָ-עלעמענט איז אויך ינאַקטיוואַטעד. דורך דעם וועג, «: האָווער» האט שייך ענלעך עלעמענטן. אָבער פֿון דעם מיר וועלן מאַכן פּסעוודאָ קסס קאַפּ-אַראָפּ מעניו.

לימעד

ערשטער, לאָזן ס פֿאַרשטיין וואָס איז אַ קאַפּ-אַראָפּ מעניו. אונטער דעם דעפֿיניציע געץ אַ פּלאַץ פון פאַרשידענע מעטהאָדס קאַנסטראַקטינג פאַרשידענע לייאַוץ. אין דעם פאַל, מיר וועלן אַנאַלייז אַ ביניען קאַנסיסטינג פון עטלעכע קעסיידער קענטיק זאכן און עטלעכע נאָך (פאַרבאָרגן). זאל ס ענדיקן מיט די טעאָריע און אָנהייבן צו פיר.

• מיר מאַכן די אויסלייג פון אונדזער מעניו. צו טאָן דאָס, די HTML קאָד לייבאַלינג. שאַפֿן אַ נעסטעד רשימה:
  <לי>
  • <לי>
    • < / אַל>. עפּעס ווי דעם זאָל קוקן ווי דיין קאַפּ-אַראָפּ מעניו. קסס צו ינערווין שפּעטער. אין דעם פאַל די הויפּט רשימה באשטייט פון דרייַ הויפּט געביטן און צוויי ענקלאָוזד.
    • באַהאַלטן דער סאַב-מעניו. פֿאַר דעם מיר נוצן אַ סטילעשעעט, דעפינירן די ווייַטערדיק פּראָפּערטיעס: אַל אַל {אַרויסווייַזן: גאָרניט;} דאס וועט אַראָפּנעמען די יסודות פון די רגע רשימה פון דעם עקראַן.
    • שאַפֿן אַ מעניו קסס, קאַפּ אַראָפּ פֿון די הויפּט רשימה. די קאַסקיידינג נוסח שיץ שרייַבן די ווייַטערדיק הערשן: אַל לי: האָווער אַל {אַרויסווייַזן: בלאָק;}. דעם פּאָזיציע איז מיטל אַז ווען די מויז איז איבער די עלעמענט לי, וואָס איז ליגן אין אַל רשימה אויס אויף דער עקראַן אַל (אַטאַטשט). אין ערשטער בליק, אַזאַ אַ סכעמע זאל ויסקומען קאָמפּליצירט און קאָנפוסינג. אבער אין פאַקט, אַלץ איז זייער פּשוט.
    • ניצן דעם אויסלייג זיך דורך ינסערטינג די טאַגס
    • דיין צופרידן. איר קענען טוישן די נומער פון רשימה עלעמענטן.

    דעקאָראַטיווע ענדערונגען

    ווי באַלד ווי די הויפּט מעניו אויסלייג איז גרייט, איר קענען גיינ ווייַטער צו רעגיסטראַציע. מיסטאָמע, פילע אין דער ערשטער אָרט גרייט צו באַקומען באַפרייַען פון מאַרקערס ינדאַקייטינג די רשימה נומער. דאס איז געטאן ניצן אַ איין פאַרמאָג קסס, ניימלי די רשימה-נוסח-טיפּ. איר דאַרפֿן צו לייגן די ווייַטערדיק פּאָזיציע: לי {רשימה-נוסח-טיפּ: גאָרניט;}. דעמאָלט איר קענען אַרייַנלייגן די ראַם און מאַכן די הינטערגרונט. דער גרענעץ און הינטערגרונט העלפן איר מיט דעם. טאָמער עטלעכע וועט ניט ווי די ציען-אַראָפּ מעניו וועט דערשייַנען ווי אַן נאָך רשימה, פּושינג אין דער זעלביקער גרונט יסודות. צו פאַרריכטן דעם, איר קענען שטעלע עס. צו טאָן דאָס, קאַסקיידינג נוסח שיץ שרייַבן די ווייַטערדיק פּאָזיציע: אַל אַל {שטעלע: אַבסאָלוט; לינקס: 15פּקס; רעכט: 15פּקס; שפּיץ: 15פּקס; דנאָ: 15פּקס;}. פון קורס, די וואַלועס איר וועט נוצן דיין אייגן. דיפּענדינג אויף ווו איר ווילן צו זען די קאַפּ-אַראָפּ מעניוז, קסס וועט פאָרשלאָגן פילע מער פֿעיִקייטן וואָס קענען לייגן פאַרשידן ווירקונג און באַצירן אונדזער רשימות.

    סאָף

    אַמאָל ווידער עס איז כדאי צו באמערקן די קאַנסטראַקשאַן פון די מעניו אויסלייג. צו באַשטימען די קסס כּללים געניצט אין דעם פאַל עמבעדיד ווערט, למשל, אַל אַל. אויב איר זענט אין דעם דאָקומענט צו טרעפן אנדערע ענלעך סטרוקטור, עס זאל זיין גרויס פּראָבלעמס. אין די סיטואַטיאָנס, איר דאַרפֿן צו נוצן אַ ספּעציפיש ציל, למשל, סעלעקטאָרס אָדער id-ידס. די אויבן אַרטיקל אויסלייג קאַפּ-אַראָפּ מעניו איז דיזיינד צו באקענען די גענעראַל פּלאַן. די מנוחה פון די אַרבעט רעסץ אויף אייערע פּלייצעס.