Pengenalan Pseudo Class ::after Pada CSS 3

Haloo apa kabar semuanya ? 🙂 libur telah berlalu ya tanpa terasa,  bagi kali ini saya akan membahas mengenai pseudo classes bagi beberapa artikel ke depan ya karena banyak macam-macam pseudo class yang mesti kalian ketahui bagi menolong kalian pada merancang sebuat layout laman, bagi yang pertama-tama saya akan memberikan panduan pseudo classes ::after di css 3.

Pseudo class :: after yakni bagi memberikan content setelah element, Maksudnya yakni kita akan menambahkan sebuah contentent setelah element tertentu. Bagi contohnya kalian dapat seketika lihat beberapa baris code HTML dan CSS di bawah :

 

HTML//

<div class=container>
  <p>
    You should check out all the awesome CSS tutorials <a href=http://www.sourcecodeaplikasi.info/>on Source Code Aplikasi </a>.
  </p>
 
</div>

 

CSS//

a[href]::after {
  color: grey;
  content:  ( attr(href) );
}

 

Yang dimaksud code di atas yakni saya telah menambahkan sebuah content attr(href) setelah element <a>.

Karenanya yang akan tampil yakni sebuah content link setelah tag element <a>.

 

Oke seperti itulah pseudo classes ::after. Semoga bermanfaat dan hingga bertemu di artikel berikutnya 🙂

Terimakasih.

Sumber https://kursuswebsite.org