Latihan 1: Pseudo-elements — CSS

Latihan 1 dari materi Pseudo-elements di CSS — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.

Tambahkan emoji 🔗 di depan link, pakai ::before:

Biarkan aturan a { color: blue; text-decoration: none; } apa adanya.
Di bawahnya, masih di dalam <style>, tambahkan aturan baru dengan selector a::before.
Isinya content: "🔗";. Emojinya harus di dalam tanda kutip (salin saja dari sini). Spasi sesudah emoji boleh: "🔗 ".

Hasilnya, ikon link muncul di depan tulisan Halaman Utama, tanpa mengubah HTML-nya.

Hint

Ikonnya gak ditulis di HTML, tapi ditempel lewat CSS di awal isi link.
Pakai pseudo-element ::before di link, jadi a::before. Isinya properti content, dengan emojinya di dalam tanda kutip.
a::before { content: "🔗"; }

</> { } .css => #id fn()

Versi baru

HyperSheets

bagian dari BelajarWeb.dev

Membuka gerbang…

Latihan 1: Pseudo-elements — CSS

Hint

Memperbarui Aplikasi