Selektor Universal

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

Selector universal adalah selector yang ampuh dalam CSS yang menargetkan setiap elemen HTML di halaman. Selector ini dilambangkan dengan tanda bintang (*).

Saat digunakan, selector universal menerapkan gaya yang ditentukan ke semua elemen, apa pun tipe, class, atau ID-nya. Browser menerapkan gaya defaultnya sendiri sebelum gaya yang kamu tetapkan, misalnya margin di sekitar heading dan paragraf, serta padding pada list. Karena itu, selector universal berguna untuk menetapkan gaya global atau mereset gaya default browser tersebut di seluruh dokumen.

Berikut sintaks dasar untuk menggunakan selector universal:

* {
    property: value;
}

Misalnya, kamu ingin menetapkan warna teks dan ukuran font default untuk semua elemen di halaman. Kamu bisa menggunakan selektor universal seperti ini:

* {
    color: black;
    font-size: 14px;
}

Tantangan

Mudah

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

Tulis aturan CSS menggunakan selector universal yang mengatur warna teks semua elemen menjadi darkgray dan ukuran font menjadi 16 piksel.

Coba sendiri

<html>
<head>
    <title>Universal Selector</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>
    <div>This is a division.</div>
</body>
</html>