למד מה בורר CSS

מתחיל CSS

CSS מסתמך על כללי התאמת תבניות כדי לקבוע איזה סגנון חל על איזה אלמנט במסמך. דפוסים אלה נקראים בוררים והם נע בין שמות תגים (לדוגמה, p כדי להתאים תגי פסקה) לדפוסים מסובכים מאוד התואמים חלקים ספציפיים מאוד במסמך (לדוגמה, p # myid> b.highlight יתאים כל תג b סוג של הדגשה כי הוא ילד של הפסקה עם id id).

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

בוררי CSS

ישנם מספר סוגים שונים של בוררים:

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

עיצוב CSS CSS ו בוררי CSS

הפורמט של סגנון CSS נראה כך:

בחר {סגנון סגנון: סגנון; }

הפרד בין מספר בוררים בעלי סגנון זהה עם פסיקים. זה נקרא קיבוץ בוררים. לדוגמה:

Selector1 , selector2 {style property: style; }

קיבוץ בוררים הוא מנגנון קצרנות כדי לשמור על סגנונות CSS שלך קומפקטית.

לקבוצה הקודמת תהיה השפעה דומה לזו של:

Selector1 {סגנון סגנון: סגנון; }
selector2 {סגנון סגנון: סגנון; }

תמיד לבדוק בוררי CSS שלך

לא כל הדפדפנים תומכים בכל בוררי CSS. לכן הקפד לבדוק את הבורר שלך כמו דפדפנים רבים על מערכות הפעלה רבות ככל שתוכל. אבל אם אתה משתמש בוררי CSS 1 או CSS2 אתה צריך להיות בסדר.