אתגר בחירת רכיבים

חלק מהיחידה עיצוב באמצעות CSS במסלול ה-HTML של Coddy. שיעור 16 מתוך 76.

אתגר

קל

נתון לך מסמך HTML עם מגוון רכיבים, כולל כותרות (<h1>, <h2>), פסקאות (<p>), חלוקה (<div>) ורשימה לא מסודרת (<ul>) עם פריטי רשימה (<li>). המשימה שלך היא להשתמש בסוגים שונים של בוררים כדי לעצב את הרכיבים האלה. בצע את השלבים הבאים:

כתוב כלל CSS באמצעות בורר סוג שמכוון לכל רכיבי <p>. הגדר את צבע הטקסט לכחול ואת גודל הגופן ל-16 פיקסלים.
הוסף מאפיין class עם הערך "highlight" לרכיב <h2> ולרכיב <div>.
כתוב כלל CSS באמצעות בורר מחלקה שמכוון לכל הרכיבים בעלי המחלקה "highlight". הגדר את צבע הרקע לצהוב.
הוסף מאפיין id עם הערך "special" לרכיב <ul>.
כתוב כלל CSS באמצעות בורר ID שמכוון לרכיב עם המזהה "special". הגדר את צבע הרקע לאפור בהיר ואת גודל הגופן ל-20 פיקסלים.
כתוב כלל CSS באמצעות בורר קבוצתי שמכוון לכל רכיבי <h1> ו-<li>. הגדר את צבע הטקסט לאדום.

נסו בעצמכם

<html>
<head>
    <title>Selection Challenge</title>
    <style>
        /* Write CSS rules here */
    </style>
</head>
<body>
    <h1>This is a main heading</h1>
    <h2>This is a subheading</h2>
    <p>This is a paragraph.</p>
    <p>This is another paragraph.</p>
    <div>This is a division.</div>
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
    </ul>
</body>
</html>