בוררי מחלקה
שיעור 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.
אתגר
קל- צרו דף אינטרנט עם שלושה רכיבי
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 אונליין