Selektor universal

Pelajaran 6 dari 15 dalam kursus Selector CSS di Coddy.

Selector universal adalah jenis selector CSS khusus yang memilih semua elemen di halaman web. Selector ini dilambangkan dengan tanda bintang (*).

Misalnya, selector * memilih semua elemen di halaman.

Berikut contoh penggunaan selector universal untuk mengatur gaya halaman web:

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

Aturan CSS ini akan mengatur gaya semua elemen di halaman agar berwarna merah dan memiliki ukuran font 2em.

Kapan menggunakan selector universal?

Kamu bisa menggunakan selector universal saat ingin mengatur gaya semua elemen di halaman web. Misalnya, kamu bisa menggunakan selector universal untuk mengatur ukuran font semua elemen di halaman menjadi 16px.

Selector universal juga bisa digunakan untuk mengatur gaya elemen yang belum diberi selector lain. Misalnya, jika halaman webmu memiliki banyak elemen div, tetapi kamu belum memberi satu pun di antaranya atribut class atau ID, kamu bisa menggunakan selector universal untuk mengatur gaya semua elemen div.

Tantangan

Mudah

Buat halaman web dengan dua elemen div.
Jangan beri elemen div mana pun atribut class atau ID.
Gunakan selector universal untuk mengatur semua elemen div agar berwarna merah dan memiliki ukuran font 80px.

Coba sendiri

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

Semua pelajaran di Selector CSS

1Pengenalan CSS Selectors

Tujuan CSS Selectors Mengapa penting?

4Selector Atribut

Pengantar Selector Atribut Keberadaan dan Nilai Tepat Selector Nilai Atribut Selector Nilai Atribut II Selector Nilai Atribut III

2Selektor Sederhana

Selektor tipe Selektor class Selektor IDSelektor universal

3Selector Kombinator

Selector anak Selector keturunan Selector saudara berdekatan Selector saudara umum

Latihan sendiri: Playground Web