Tantangan Seleksi

Termasuk bagian Menata dengan CSS dalam perjalanan HTML di Coddy. Pelajaran 16 dari 76.

Tantangan

Mudah

Kamu diberi dokumen HTML dengan berbagai elemen, termasuk heading (<h1>, <h2>), paragraf (<p>), elemen div (<div>), dan list tak berurutan (<ul>) dengan item list (<li>). Tugasmu adalah menggunakan berbagai jenis selector untuk memberi gaya pada elemen-elemen ini. Ikuti langkah-langkah berikut:

Tulis aturan CSS menggunakan selector tipe yang menargetkan semua elemen <p>. Atur warna teks menjadi biru dan ukuran font menjadi 16 piksel.
Tambahkan atribut class dengan nilai "highlight" ke elemen <h2> dan elemen <div>.
Tulis aturan CSS menggunakan selector class yang menargetkan semua elemen dengan class "highlight". Atur warna latar belakang menjadi kuning.
Tambahkan atribut id dengan nilai "special" ke elemen <ul>.
Tulis aturan CSS menggunakan selector ID yang menargetkan elemen dengan ID "special". Atur warna latar belakang menjadi abu-abu muda dan ukuran font menjadi 20 piksel.
Tulis aturan CSS menggunakan selector grup yang menargetkan semua elemen <h1> dan <li>. Atur warna teks menjadi merah.

Coba sendiri

<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>