Selektor ID

Pelajaran 5 dari 15 dalam kursus Selector CSS di Coddy.

Selector ID adalah jenis selector CSS yang memilih elemen dengan atribut ID tertentu. Atribut ID adalah atribut khusus yang bisa kamu tambahkan ke elemen HTML untuk mengidentifikasinya secara unik.

Untuk memilih elemen dengan ID tertentu, gunakan simbol pagar (#) diikuti nilai ID. Misalnya, selector #my-id memilih elemen dengan ID my-id.

Berikut contoh penggunaan selector ID untuk memberi gaya pada halaman web:

#my-id {
  color: red;
  font-size: 2em;
}

Untuk menambahkan ID ke elemen, tulis:

<div id="my-id"></div>

Sama seperti selector class, aturan CSS ini akan memberi gaya pada elemen dengan ID my-id agar berwarna merah dan memiliki ukuran font 2em.

Tantangan

Mudah

Berikut latihan untuk menguji pemahamanmu tentang selector ID:

Buat halaman web dengan dua elemen div.
Beri elemen div pertama ID my-id.
Gunakan selector ID untuk memberi elemen div dengan ID my-id warna apa pun selain hitam dan ukuran font 30px.

Coba sendiri

<html>
<head>
  <title>ID 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 classSelektor IDSelektor universal

3Selector Kombinator

Selector anak Selector keturunan Selector saudara berdekatan Selector saudara umum

Latihan sendiri: Playground Web