Pemilih: Menentukan yang Akan Diberi Gaya
Targetkan elemen berdasarkan atributnya dan gunakan pemilih universal secara efektif.
Pemilih: Menentukan yang Akan Diberi Gaya adalah pelajaran CSS Academy gratis di CoddyKit. Ini adalah pelajaran 3 dari 3. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar CSS Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus CSS Academy mencakup 3 pelajaran total.
Pilih Sasaran Anda
Sebelum menata, Anda menunjuk pada hal yang akan ditata. Itulah tugas selektor. Pelajaran ini akan membuatnya mudah dipahami, saya janji. ✨
Seperti Menunjuk dengan Jari
Selektor hanyalah cara Anda menunjuk: “benda ini, yang di sini.” Sesederhana itu. Anda tidak perlu menghafal.
Menata Berdasarkan Tag
Selektor yang paling mudah menggunakan nama tag. Tulis “p” dan Anda memilih setiap paragraf di halaman sekaligus.
<p>All paragraphs turn red.</p>
Menata Berdasarkan Kelas
Ingin menata hanya beberapa elemen? Berikan elemen-elemen tersebut sebuah kelas, lalu pilih kelas itu dengan titik, seperti .note. Sangat fleksibel!
<p class="note">This note is orange.</p>
Kelas Dapat Digunakan Ulang
Bagian terbaiknya: satu kelas dapat digunakan ulang pada banyak elemen. Tata sekali, terapkan di mana saja. Menghemat banyak waktu. ⏱️
Menata Berdasarkan ID
Perlu satu elemen khusus? Berikan elemen itu sebuah ID dan pilih dengan tanda pagar, seperti #header. Sebuah ID dimaksudkan agar unik.
<h1 id="header">Page Header</h1>
Titik dibandingkan dengan Tanda Pagar
Trik cepat untuk mengingat: titik digunakan untuk banyak elemen (kelas), tanda pagar untuk satu elemen (ID). Nama tag tidak menggunakan simbol sama sekali.
Seperti Label Nama
Bayangkan kelas sebagai label nama kelompok dan ID sebagai satu lencana VIP. Selektor hanya membaca label-label tersebut. 🏷️
Gabungkan Sesuka Anda
Halaman nyata menggabungkan tag, kelas, dan ID untuk menata tepat apa yang diinginkan. Sekarang Anda sudah mengetahui ketiganya! 🙌
Anda Berhasil!
Anda dapat menjelaskan apa itu CSS, membaca aturan, dan memilih sasaran dengan selektor. Itulah dasar CSS yang kuat. Saya bangga pada Anda! 🎉
Pemeriksaan Singkat
Pemeriksaan terakhir! Simbol apa yang digunakan untuk memilih kelas dalam CSS?
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Pemilih: Menentukan yang Akan Diberi Gaya” gratis?
Ya — teks lengkap “Pemilih: Menentukan yang Akan Diberi Gaya” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus CSS Academy, upgrade ke CoddyKit PRO. Kursus CSS Academy mencakup 3 pelajaran total.
Apa yang akan aku pelajari di “Pemilih: Menentukan yang Akan Diberi Gaya”?
Targetkan elemen berdasarkan atributnya dan gunakan pemilih universal secara efektif. Kamu berlatih CSS Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai CSS Academy?
Tidak diperlukan pengalaman sebelumnya. CSS Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 3 dari 3.
Berapa lama pelajaran “Pemilih: Menentukan yang Akan Diberi Gaya” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran CSS Academy ini?
Ya. Setiap pelajaran CSS Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- Apa Itu CSS?
- Cara CSS Menghidupkan Halaman
- Pemilih: Menentukan yang Akan Diberi Gaya