Menu
Coddy logo textTech

בוררי מחלקה

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

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

כדי לבחור רכיבים עם מחלקה מסוימת, משתמשים בנקודה (.) ואחריה שם המחלקה. לדוגמה, הבורר .my-class בוחר את כל הרכיבים שיש להם את המחלקה my-class.

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

.my-class {
  color: red;
  font-size: 2em;
}

כדי להוסיף מחלקה לרכיב, כותבים:

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

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

challenge icon

אתגר

קל
  • צרו דף אינטרנט עם שלושה רכיבי h1.
  • הוסיפו מחלקה לרכיב h1 הראשון.
  • הוסיפו מחלקה נוספת לרכיב h1 השני.
  • השתמשו בבורר מחלקה של CSS כדי לעצב את רכיב h1 הראשון כך שיהיה אדום  וגודל הגופן שלו יהיה 64px.
  • השתמשו בבורר מחלקה נוסף של CSS כדי לעצב רכיב h1 אחר כך שיהיה כחול  וגודל הגופן שלו יהיה 32px.

נסו בעצמכם

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

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

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