בוררים אוניברסליים

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

בורר אוניברסלי הוא סוג מיוחד של בורר CSS שבוחר את כל הרכיבים בדף אינטרנט. הוא מסומן בכוכבית (*).

לדוגמה, הבורר * בוחר את כל הרכיבים בדף.

כך משתמשים בבורר אוניברסלי כדי לעצב דף אינטרנט:

* {
  color: red;
  font-size: 2em;
}

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

מתי כדאי להשתמש בבוררים אוניברסליים?

אפשר להשתמש בבוררים אוניברסליים כשרוצים לעצב את כל הרכיבים בדף אינטרנט. לדוגמה, אפשר להשתמש בבורר אוניברסלי כדי להגדיר את גודל הגופן של כל הרכיבים בדף ל־16px.

אפשר להשתמש בבוררים אוניברסליים גם כדי לעצב רכיבים שלא הוגדרו עבורם בוררים אחרים. לדוגמה, אם יש לך דף אינטרנט עם הרבה רכיבי div, אך לא הוגדרו לאף אחד מהם מאפייני class או ID, אפשר להשתמש בבורר אוניברסלי כדי לעצב את כל רכיבי div.

אתגר

קל

צרו דף אינטרנט עם שני רכיבי div.
אל תיתנו לאף אחד מרכיבי ה-div מאפיין class או ID.
השתמשו בבורר אוניברסלי כדי לעצב את כל רכיבי ה-div באדום ובגודל גופן של 80px.

נסו בעצמכם

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

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

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

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

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

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

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

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

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

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

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