תוכן עניינים:

איך משתמשים בסוג ראשון?
איך משתמשים בסוג ראשון?

וִידֵאוֹ: איך משתמשים בסוג ראשון?

וִידֵאוֹ: איך משתמשים בסוג ראשון?
וִידֵאוֹ: קיבלתם צו ראשון? כך תעשו זאת נכון 2024, מאי
Anonim

: ראשון מסוגו . ה: ראשון מסוגו בורר ב-CSS מאפשר לך למקד את ראשון התרחשות של אלמנט בתוך המיכל שלו. הוא מוגדר במפרט CSS Selectors Level 3 כ"פסאודו-מחלקה מבנית", כלומר הוא בשימוש לעצב תוכן בהתבסס על הקשר שלו עם תוכן הורים ואחים.

מכאן, מה נבחר על ידי מקטע הבורר P ראשון מסוגו?

ה: ראשון מסוגו מחלקה פסאודו בוחרת את אלמנט ראשון שלו סוּג (div, ע , וכו). שימוש בכיתה בוחר (או א בורר סוגים ) עם זה פסאודו-קלאס פירושו ל בחר an אֵלֵמֶנט אם יש לו את המחלקה הנתונה (או שהוא מהנתון סוּג ) והוא ה ראשון שלו סוּג בין אחיו.

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

באופן דומה, איך בוחרים את הילד הראשון ב-CSS?

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

איך בוחרים את האלמנט ה-n'י ב-CSS?

CSS:nth-child() בורר

  1. ציין צבע רקע עבור כל אחד

    אלמנט שהוא הילד השני של ההורה שלו: p:nth-child(2) {

  2. אי זוגי וזוגי הן מילות מפתח שניתן להשתמש בהן כדי להתאים לרכיבי צאצא שהאינדקס שלהם הוא אי זוגי או זוגי (האינדקס של הילד הראשון הוא 1).
  3. שימוש בנוסחה (an + b).

מוּמלָץ: