Menu
Coddy logo textTech

מבוא לבוררי מאפיינים

שיעור 11 מתוך 15 בקורס בוררי CSS של Coddy.

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

לדוגמה, הבורר הבא בוחר את כל הרכיבים עם המאפיין class:

[class]

הבורר הבא בוחר את כל הרכיבים עם המאפיין class שערכו my-class:

[class="my-class"]

הבורר הבא בוחר את כל הרכיבים עם המאפיין href שמתחיל בערך https://:

[href^="https://"]

הצורך בבוררי מאפיינים

בוררי מאפיינים שימושיים למגוון מטרות. אפשר להשתמש בהם כדי:

  • לבחור רכיבים בעלי סגנון מסוים.
  • לבחור רכיבים שמקושרים לדף מסוים.
  • לבחור רכיבים שמשתמש שלח.
  • לבחור רכיבים שתויגו במילת מפתח מסוימת.

כיצד בוררי מאפיינים משפרים את בחירת הרכיבים

אפשר להשתמש בבוררי מאפיינים כדי לשפר את בחירת הרכיבים במספר דרכים. לדוגמה, אפשר להשתמש בהם כדי:

  • לבחור רכיבים שבוררים אחרים אינם בוחרים.
  • לבחור רכיבים שמקוננים בתוך רכיבים אחרים.
  • לבחור רכיבים שנמצאים במיקומים מסוימים במסמך.

נסו בעצמכם

השיעור הזה לא כולל אתגר קוד.

כל השיעורים ביחידה בוררי CSS

תרגלו בעצמכם: Web אונליין