Hallo teman-teman pada artikel kali ini saya akan Mengenalkan :target Selector Pada CSS.

Selector seperti ini biasa kita kenal dengan pseudo-selector,pada fungsinya selector seperti ini digunakan untuk memberikan style pada id yang kita arahkan pada href pada element a atau tag a pada HTML.
Untuk lebih jelasnya sekarang kita terapkan pada studi kasusus, disini saya akan merubah suatu style pada suatu element HTML, silahkan teman-teman ketikan script berikut ini:

Script diatas saya membuat sebuah link dimana link tersebut mengarahkan kepada #text1 dan #text2 yang dimana saya juga membuat p dengan id yang saya targetkan tersebut, jika sudah coba teman-teman ketikan script CSS berikut:

saya mengatur selector :target yang mengarahkan style tersebut ke id yang sama seperti yang saya jelaskan tadi,

Sehingga kelengkapan scriptnya adalah seperti berikut:

 

jika sudah, silahkan teman-teman save dan lihat hasilnya, jika benar maka hasilnya akan seperti berikut:

mengenal-target-selector-pada-css

warna yang kita berikan pada selector: akan tampil setelah kita klik salah satu link yang kita telah isi hrefnya dengan #text1 atau #text2,  gimana teman-teman sangat mudah kan? untuk tutorial kali ini tentang mengenal-target-selector-pada-css, silahkan teman-teman peraktekan sendiri, semoga bermanfaat, terimakasih.