Mengenal Pseudo Elemen dan Variable CSS

Mengenal Pseudo Elemen dan Variable CSS - Pseudo elemen didalam CSS merupakan suatu fungsi untuk menambahkan style pada selector baik itu pada tag, id ataupun class yang dipilih. Ada banyak pseudo elemen didalam CSS yang bisa kita gunakan dan tentunya masing - masing pseudo mempunyai peran yang berbeda. Selain pseudo elemen ada pula penggunaan variabel yang bisa kita gunakan didalam CSS, seperti kita ketahui bahwa variabel digunkaan untuk menampung suatu nilai sementara untuk bisa kita gunakan berualng kali. Nah, berikut ini kita akan Mengenal Pseudo Elemen dan Variable CSS lebih lanjut beserta cara penggunaan nya.

1. only-child

Only-child merupakan pseudo elemen yang berguna untuk memilih elemen yang hanya satu - satunya child yang terdapat didalam parent, contoh penggunaan only-child sebagai berikut.

2. first-letter

First-letter adalah pseudo elemen yang bisa kita gunakan untuk menyeleksi huruf pertama dari sebuah kalimat atau paragraf, contoh penggunaan first-letter sebagai berikut.

3. first-line

First-line adalah pseudo elemen yang bisa kita gunakan untuk menyeleksi baris pertama pada sebuah elemen atau paragraf, contoh penggunaan first-line sebagai berikut.

4. variable

Variable pada CSS memiliki fungsi untuk menampung nilai untuk kita bisa gunakan berualng kali, penulisan variable pada CSS harus diawali dengan tanda (--) dan ketika ingin mengakses nilai tersebut cukup dengan mengetikan var(--nama-variable), contoh penggunaan varibale CSS sebagai berikut.

Baiklah cukup sekian pembahasan kali ini tentang pseudo elemen dan variable CSS semoga bermanfaat :)