pseudo-class

:hover memilih link yang belum dikinjungi
:visited memilih link yang sudah dikunjungi
:actived memilih elemen yang sedang aktif, seperti saat di klik
:focus memilih elemen yang sedang fokus misal sedang diinput
:checked memilih elemen yang sedang dicentang pada checkbox

list lengkap ada di MDN doc
pseudo class a:hover {}

pseudo-elemen

::before memilih elemen semu sebelum elemen
::after memilih elemen semu setelah elemen
::marker memilih marker pada list
::placeholder memilih text placeholder pada text input
list lengkap ada di MDN doc
pseudo elemen p::first-line

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident quia temporibus quidem dolorum rem natus hic voluptates voluptas, cum explicabo Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt eaque earum velit quia laborum. Eligendi officiis impedit repellat magnet excepturi.