CSS מסתמך על כללי התאמת תבניות כדי לקבוע איזה סגנון חל על איזה אלמנט במסמך. דפוסים אלה נקראים סלקטורים והם נע בין שמות תגים (לדוגמה,
עמ ' כדי להתאים תגי פסקה) לדפוסים מסובכים מאוד התואמים חלקים ספציפיים מאוד של מסמך (לדוגמה,
p # myid> b.highlight יתאים לכל
.ב עם מחלקה של
הדגש כי הוא ילד של הפסקה עם id
התעודת זהות שלי).
בורר CSS הוא חלק משיחת CSS בסגנון שמזהה איזה חלק של דף האינטרנט צריך להיות מנוסח. הבורר מכיל מאפיין אחד או יותר המגדירים את אופן הגדרת ה- HTML הנבחר.
בוררי CSS
ישנם מספר סוגים שונים של בוררים:
- בחירת סוג - התאמת אלמנט מסוים
- סלקטורים בכיתה - אלמנטים תואמים עם מחלקה מסוימת
- בוררי מזהים - התאמת האלמנט עם מזהה ספציפי
- בוררי צאצאים - אלמנטים תואמים שהם צאצאי אלמנט מסוים
- בוררי ילדים - אלמנטים תואמים שהם הילד של האלמנט הספציפי
- בוררים אוניברסליים - התאמת כל רכיב
- בוררים אחים סמוכים - אלמנטים תואמים שמיד קדמו להם אלמנט מסוים
- בוררי תכונות - רכיבים תואמים עם תכונה או ערך תכונה ספציפיים
- סלקטורים ברמה מדומה - אלמנטים תואמים עם מחלקה מדומה ספציפית
- אלמנטים pseudo-element - אלמנטים תואמים עם אלמנט מסוים pseudo-element
עיצוב CSS CSS ו בוררי CSS
הפורמט של סגנון CSS נראה כך:
בחר {סגנון סגנון: סגנון; }
הפרד בין מספר בוררים בעלי סגנון זהה עם פסיקים. זה נקרא קיבוץ בוררים. לדוגמה:
28 me , selector2 {סגנון סגנון: סגנון; }
קיבוץ בוררים הוא מנגנון קצרנות כדי לשמור על סגנונות CSS שלך קומפקטית. לקבוצה הקודמת תהיה השפעה דומה לזו של:
Selector1 {סגנון סגנון: סגנון; }selector2 {סגנון סגנון: סגנון; } לא כל הדפדפנים תומכים בכל בוררי CSS. לכן הקפד לבדוק את הבורר שלך כמו דפדפנים רבים על מערכות הפעלה רבות ככל שתוכל. אבל אם אתה משתמש בוררי CSS1 או CSS2 אתה צריך להיות בסדר. תמיד לבדוק בוררי CSS שלך
