ווי צו נוצן קייפל קסס קלאַססעס אויף אַ סינגלע עלעמענט

• פּוללקוואָטע
• Featured
• לינקס

באַמערקן די ספּייסיז צווישן יעדער איינער פון די סאָרט וואַלועס. יענע ספּייסיז איז וואָס שטעלט זיי אַרויף ווי פאַרשידענע, יחיד קלאסן. דאָס איז אויך וואָס קלאַס נעמען קענען נישט ספּייסיז אין זיי, ווייַל טאָן אַזוי שטעלן זיי ווי באַזונדער קלאסן.

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

אַמאָל איר האָבן דיין סאָרט וואַלועס אין HTML, איר קענען דאַן באַשטימען די ווי קלאסן אין דיין קסס און צולייגן די סטיילז וואָס איר ווילן צו לייגן. פֿאַר בייַשפּיל.

. פּוללקוואָטע (...)
.featured {...}
p.left {...}

אין די ביישפילן, די קסס דעקלעריישאַנז און וואַלועס פּערז וואָלט זיין ין די געגרייַזלט בראַסעס, וואָס איז ווי די סטיילז וואָלט זיין געווענדט צו די צונעמען סעלעקטאָר.

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

אַדוואַנטאַגעס פון קייפל קלאַססעס

קייפל קלאסן קענען מאַכן עס גרינגער צו לייגן ספּעציעל יפעקץ צו עלעמענטן אָן צו שאַפֿן אַ נייַע נוסח פֿאַר דעם עלעמענט.

פֿאַר בייַשפּיל, איר קען וועלן האָבן די פיייקייַט צו לאָזנ שווימען עלעמענטן צו די לינקס אָדער רעכט געשווינד. איר זאל שרייַבן צוויי קלאסן לינקס און רעכט מיט נאָר לאָזנ שווימען: לינקס; און לאָזנ שווימען: רעכט; אין זיי. דעריבער, ווען איר האָט אַן עלעמענט איר דאַרפֿן צו פלאָוט לינקס, איר וואָלט פשוט לייגן די סאָרט "לינקס" צו זייַן קלאַס רשימה.

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

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

קייפל קלאַססעס, סעמאַנטיקס, און דזשאַוואַסקריפּט

אן אנדער נוץ צו נוצן קייפל קלאסן איז אַז עס גיט איר פילע ינטעראַקטיוויטי פּאַסאַבילאַטיז.

איר קענען צולייגן ניו קלאסן צו יגזיסטינג עלעמענטן ניצן דזשאַוואַסקריפּט אָן רימוווינג קיין פון די ערשט קלאסן. איר קענען אויך נוצן קלאסן צו באַשטימען די סעמאַנטיקס פון אַן עלעמענט . דעם מיטל איר קענען לייגן אויף נאָך קלאסן צו דעפינירן וואָס עלעמענט מיטל סעמאַנטיקלי. דעם איז ווי מיקראָפאָרמאַץ אַרבעט.

דיסאַדוואַנטידזשיז פון קייפל קלאַססעס

די ביגאַסט כיסאָרן צו נוצן קייפל קלאסן אויף דיין עלעמענטן איז אַז עס קענען מאַכן זיי אַ ביסל אַנווילדי צו קוקן בייַ און פירן איבער צייַט. עס קען זיין שווער צו באַשליסן וואָס סטיילז זענען ווירקן אַן עלעמענט און אויב קיין סקריפּס זענען פּראַלעקטינג. פילע פראַמעוואָרק בנימצא הייַנט, ווי באָאָצטראַפּ, מאַכן שווער נוצן פון עלעמענטן מיט קייפל קלאסן. אַז קאָד קענען באַקומען אויס פון האַנט און שווער צו אַרבעטן מיט זייער געשווינד אויב איר זענט נישט אָפּגעהיט.

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

איר דאַרפֿן צו זיין אַווער פון ספּאַסיטי, אַפֿילו מיט די אַטריביוץ געווענדט צו אַז איין עלעמענט!

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

אָריגינעל אַרטיקל דורך דזשענניפער קרינן. Edited by Jeremy Girard on 8/7/17