Latihan 2 dari materi Pseudo-elements di CSS — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Tambahkan tanda panah → di belakang link, pakai ::after:
Biarkan aturan a { color: blue; text-decoration: none; } apa adanya.
Di bawahnya, masih di dalam <style>, tambahkan aturan baru dengan selector a::after.
Isinya content: "→";. Panahnya harus karakter → yang ini (salin dari sini), bukan -> dari tanda minus dan lebih besar. Spasi di dalam tanda kutip boleh: " →".
Hasilnya, tulisan Selanjutnya diikuti tanda panah.
Hint
Kali ini tambahannya ada di akhir isi link, bukan di awal.
Pakai pseudo-element ::after, jadi a::after. Sama kayak ::before, dia wajib punya content dengan panahnya di dalam tanda kutip.
a::after { content: "→"; }
</>{ }.css=>#idfn()
Versi baru
HyperSheets
bagian dari BelajarWeb.dev
0%
Membuka gerbang…
HyperSheets
Memperbarui Aplikasi
Versi baru tersedia. Halaman akan dimuat ulang otomatis...