Selektor Universal


Selektor Universal adalah salah satu dari banyak jenis selektor dalam CSS yang mempengaruhi semua elemen di dalam dokumen HTML. Simbol asterisk (*) digunakan untuk mewakili Selektor Universal.

Contoh Penggunaan Selektor Universal:

/* Mengubah warna teks untuk semua elemen */
* {
    color: blue;
}

/* Mengubah ukuran font untuk semua elemen */
* {
    font-size: 16px;
}

/* Mengubah latar belakang untuk semua elemen */
* {
    background-color: lightgray;
}

Cara Menggunakan Selektor Universal:

  1. Pilih Semua Elemen: Gunakan * untuk memilih semua elemen dalam dokumen HTML.

    * {
        /* Properti CSS */
    }
  2. Atur Properti CSS: Tentukan properti dan nilainya untuk mempengaruhi semua elemen.

    * {
        color: red;
        font-family: 'Arial', sans-serif;
        /* Properti lainnya */
    }

Catatan Penting:

  • Penggunaan Selektor Universal harus dilakukan dengan hati-hati karena dapat mempengaruhi semua elemen di halaman web.
  • Disarankan untuk membatasi penggunaan Selektor Universal dan lebih baik menggunakan selektor yang lebih spesifik untuk mengontrol tata letak dan gaya elemen dengan lebih tepat.

Sekarang Anda dapat menggunakan Selektor Universal untuk mengubah properti-properti tertentu untuk semua elemen dalam halaman web Anda.