Halo teman-teman pada kesempatan kali ini saya akan menjelasakan Cara Menggunakan :target Pada pseudo-class CSS.

:target pada pseudo-class digunakan untuk memberikan efek CSS sesuai target yang akan kita tentukan dari link internal dalam dokumen. Beberapa halaman web berisi link yang mengarah ke bagian atau elemen pada halaman yang sama tertentu, bukannya menunjuk ke halaman lain.

Link tersebut mengarah ke elemen di halaman yang memiliki ID tertentu, dan mereka menunjuk kepada mereka dengan menggunakan ID elemen sebagai nilai untuk atribut href link ini. Misalnya, link poin berikut untuk elemen pada halaman dengan ID dari artikel-demo.

Ketika link diklik, URI halaman mendapat apa yang dikenal sebagai identifier fragment, yang mengidentifikasi elemen di halaman yang merupakan sasaran yang link poin ke URL dengan pengidentifikasi fragment pada akhir link ke elemen tertentu dalam dokumen, yang dikenal sebagai elemen target.

Jadi secara teknis :target pada pseudo-class akan memilih element unik yang sudah kita tentukan dengan ID yang akan mencocokan dengan indentifier fragment URL.

Link internal dalam dokumen sebagian besar digunakan dalam artikel panjang yang dibagi menjadi bagian terpisah. Artikel biasanya mendapatkan daftar isi di bagian atas artikel yang memungkinkan pembaca untuk melewatkan bagian dan melompat ke bagian tertentu dalam artikel langsung. Ketika link ke bagian tertentu diklik, URL halaman mendapat identifier fragment yang merupakan ID dari target. Ini memungkinkan URL untuk dibagikan sehingga ketika seseorang mengunjungi URL baru (dengan ID), mereka akan diarahkan ke yang bagian tertentu di halaman bukannya awal artikel.
Jadi, secara sederhana,: target pada pseudo-class digunakan untuk menentukan style CSS untuk elemen target link, yang ID sesuai dengan nilai URL hash.

Contoh pemakaian :target :

Mudah ya teman-teman. Semoga bermanfaat