Hai apa kabar semuanya ? 🙂 libur telah berlalu ya tanpa terasa, untuk kali ini saya akan membahas tentang pseudo classes untuk beberapa artikel ke depan ya karena banyak macam-macam pseudo class yang harus kalian ketahui untuk membantu kalian dalam membuat sebuat layout website, untuk yang pertama saya akan memberikan tutorial pseudo classes ::after pada css 3.
Pseudo class :: after adalah untuk memberikan content setelah element, Maksudnya adalah kita akan menambahkan sebuah contentent setelah element tertentu. Untuk contohnya kalian bisa langsung 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.dumetschool.com/">on dumet school </a>.
</p>
</div>
CSS//
a[href]::after {
color: grey;
content: " (" attr(href) ")";
}
Yang dimaksud code di atas adalah saya telah menambahkan sebuah content attr(href) setelah element <a>.
Maka yang akan tampil adalah sebuah content link setelah tag element <a>.
Oke itulah pseudo classes ::after. Semoga bermanfaat dan sampai bertemu pada artikel selanjutnya 🙂
Terimakasih.