cascading style sheets reference

בוררים

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

מה עושים הבוררים?

אתם בוודאי מוצאים את החזרה המתמדת שלי קצת מעייפת, אך אני באמת רוצה לחזור ולומר מה עושה הבורר.

הבורר מזהה אלמנטים בדף ה-HTML. דפדפנים משתמשים בבוררים כדי להחליט אילו אלמנטים בדף מושפעים מההצהרה.

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

סוגי בוררים

css1 מציג בפנינו 7 סוגים מובחנים של בוררים:

  1. HTML Element Selectors (בוררי אלמנטים של HTML).
  2. Class Selectors (בוררי קבוצה).
  3. ID Selectors (בוררי זהות)
  4. Contextual Selectors (בוררי תוכן)
    (ב-css2 מתייחסים אליהם כ-Descendent Selectors)
  5. Link Pseudo Class Selectors
  6. Pseudo Element Selectors
  7. Selector Groups (קבוצות בוררים).
CSS2 שיפר חלק מאלה במעט, והוסיף את הבוררים הבאים :
  1. Dynamic Pseudo Class Selectors
  2. Language Pseudo Class Selectors
  3. Child Selectors
  4. First Child Selectors
  5. Adjacent Selectors
  6. Attribute Selectors
  7. Row and Column Selectors

אנו נבחן כל בורר בצורה אינדיבידואלית בחלק העליון. עבור כל בורר נשאל:

  • מה הוא עושה?
  • כיצד יוצרים אותו?
  • מדוע להשתמש בו?

בחלק זה

הצלחתם עד עכשיו? סקרנו את החלק המסובך ביותר של css-ים. ראינו את הסוגים העיקריים של בוררים, מה תפקידם, כיצד יוצרים אותם, ומדוע נשתמש בהם. אני לא חושב שיש לכם מה לדאוג אם כל זה עדיין קצת לא ברור לכם. תמיד תוכלו לפנות חזרה לכאן, וזכרו ל-Style Master ו-Top Style יש את העזרה שצריך בתוך היישום שלו. לכן לעולם לא תצטרכו לשאול "תזכיר לנו שוב מה עושה Pseudo Class Selector?".

בחלק הבא

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

back to top