CSS-סעלעקטאָר און זייַן ראָלע אין פאָרמאַטטינג HTML-דאָקומענטן

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

טייפּס פון סעלערז אין קסס

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

• דער סעלעקטאָר פון טאַגס;
• קלאַס סעלעקטאָר;
• יד-סעלעקטאָר;
• Attribute selector.

סעלעקטאָר טאַג

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

קלאַס סעלעקטאָר

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

די CSS דאָקומענט אין דעם פאַל וועט אַנטהאַלטן די פאלגענדע פּאָזיציע: p.first {קאָליר: רענטגענ; פאָנט-גרייס: י}. אזוי, מיר שטעלן די פּראָפּערטיעס "קאָלירן" און "גרייס" בלויז פֿאַר דעם פּאַראַגראַף פון קלאַס ערשטער.

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

סעלעקטאָר דורך שייַן

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

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

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

Attribute selector

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

• דורך דעם בייַזייַן פון אַ אַטריביוט;
• דורך זייַן גענוי ווערט;
• דורך פּאַרטיייש אַטראַביוט ווערט;
• דורך זייַן ספּעציפיש טייַטש.

זאל אונדז באַטראַכטן אין דעטאַל יעדער פון די ווערייאַטיז:

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

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