CSS TutorialLesson 38Preview gratis
CSS Attribute Selectors
Lesson ini bagian dari CSS · Semua level
Ringkasan
Attribute selector memilih elemen berdasarkan nilai atributnya, misalnya input[type="email"] atau a[href^="https"]. Ada berbagai bentuk pencocokan: sama persis (=), salah satu kata dalam daftar (~=), diawali (^=), diakhiri ($=), dan mengandung (*=). Seleksi ini membuat gaya otomatis untuk jenis input atau tautan eksternal tanpa menambah class.
Poin kunci
- Bentuk dasar [atribut] memilih elemen yang memiliki atribut tersebut.
- [a="v"] mencocokkan nilai persis, sedangkan [a~="v"] mencocokkan salah satu kata dalam daftar nilai.
- [a^="v"] mencocokkan nilai yang diawali teks, [a$="v"] yang diakhiri, dan [a*="v"] yang mengandung.
- Pemakaian umum: memberi gaya sesuai jenis input dan menandai tautan yang membuka tab baru.
- Selector atribut membantu menjaga HTML tetap bersih dari class tambahan.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.