Home Web HTML Mengenal Pseudo Element Dan Penggunaannya part 1

Mengenal Pseudo Element Dan Penggunaannya part 1

0

Selamat datang lagi dalam baraja Uda Coding belajar, masih membahas mengenai CSS, dalam tutorial ini kita akan membahas mengenai Class Pseudo Element.

Pseudo Element adalah salah satu jenis selector css yang digunakan untuk mengakses bagian elemen tertentu pada HTML, Semisal seperti garis pertama pada paragraf, Lalu Karakter pertama dari sebuah paragraf, dan lain sebagainya

Berikut adalah contoh syntax Pseudo Element:

selector::pseudo-element {

    property:value;

}

 

Pada versi CSS1 dan CSS2 Pseudo Element ditulis dengan menggunakan 1 tanda titik dua “:” sama seperti dengan Pseudo Class,  tetapi pada versi CSS3 Pseudo Element ini ditulis dengan menggunakan 2 tanda titik dua “::”. Perubahan ini dibuat supaya bisa lebih mempermudah membedakan antara Pseudo Class dan Pseudo Element. Penggunaan 1 tanda titik dua masih bisa dibilang umum, karena semua browser pada umumnya masih mendukung penggunaan 1 tanda titik dua. Bahkan browser modern masih mendukung penulisan menggunakan 1 tanda titik dua “:”.

 

Untuk contoh penggunaan Pseudo Element akan saya bahas di artikel selanjutnya, jadi teman-teman tunggu saja ya