Penggunaan Dasar Dari Pseudo Class Target CSS3

Pada bagian sebelumnya kita sudah menjelaskan apa itu pseudo class :target pada CSS3 sekarang kita akan melanjutkan dengan melihat contoh sederhana bagaimana cara menggunakan pseudo class :target. Misalnya saya sudah punya halaman HTML sederhana dimana didalam bodynya saya punya 3 buah elemen <p> sebagai berikut

nah sekarang misalnya salah satu elemen tersebut memiliki sebuah id yang unik dengan nama paragraf seperti berikut

dan sekarang jika teman teman tambahkan sebuah style CSS yang isinya seperti berikut

yang artinya jika ada id apapun yang ditargetkan maka saya akan berikan backgound salmon dan warna tulisan menjadi putih. Saya simpan lalu saya jalankan maka browsernya tidak terjadi apa-apa. Tapi lihat ketika saya tambahkan #paragraf pada bagian URI

maka CSS akan diaktifkan. Hasilnya seperti ini

Jadi maksud dari :target adalah elemen apapun yang idnya ditargetkan melalui URI maka CSSnya akan aktif yakni backgroundnya akan menjadi warna salmon.

23 Oktober 2016

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat