בוררי מזהה

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

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

כדי לבחור אלמנטים עם מזהה מסוים, משתמשים בסימן סולמית (#) ואחריו ערך המזהה. לדוגמה, הבורר #my-id בוחר את האלמנט עם המזהה my-id.

הנה דוגמה לשימוש בבורר מזהה כדי לעצב דף אינטרנט:

#my-id {
  color: red;
  font-size: 2em;
}

כדי להוסיף מזהה לאלמנט, כתבו:

<div id="my-id"></div>

בדיוק כמו בוררי המחלקה, כלל CSS זה יעצב את האלמנט עם המזהה my-id כך שיהיה אדום וגודל הגופן שלו יהיה 2em.

אתגר

קל

הנה תרגיל לבדיקת הבנתך בבוררי ID:

צור דף אינטרנט עם שני רכיבי div.
תן לרכיב div הראשון את ה-ID my-id.
השתמש בבורר ID כדי לעצב את רכיב div עם ה-ID my-id כך שיהיה בכל צבע שאינו שחור וגודל הגופן שלו יהיה 30px.

נסו בעצמכם

<html>
<head>
  <title>ID Selector Exercise</title>
  <style>
    /* CSS Code goes here */
  </style>
</head>
<body>
    
</body>
</html>

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

1מבוא לבוררי CSS

מטרת בוררי CSS למה הם חשובים?

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

מבוא לבוררי מאפיינים נוכחות וערכים מדויקים בוררי ערכי מאפיינים בוררי ערכי מאפיינים II בוררי ערכי מאפיינים III

2בוררים פשוטים

בוררי סוג בוררי מחלקהבוררי מזההבוררים אוניברסליים

3בוררי קומבינטורים

בורר ילד בורר צאצא בורר אח סמוך בורר אחים כללי

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