CSS Dasar – 8 – Pseudo Class
Pseudo class adalah kelas khusus yang dapat kita beri style css pada keadaan tertentu.. ada banyak jenis pseudo class / selector, tetapi yang akan dibahas pada video ini hanya yang berhubungan dengan link dan urutan elemen saja..
contoh pseudo-class yang berhubungan dengan link :
:link
:hover
:active
:visited
—
BGM : “Z One Hundred” by. Robert Larow
www.freeplaymusic.com/volumedetail.aspx?volume=1973
—
Jangan lupa untuk follow juga akun media sosial kita yang lain :
– https://www.facebook.com/WebProgrammingUNPAS
– http://twitter.com/pw1unpas
– http://instagram.com/webprogrammingunpas
– http://codepen.io/webprogrammingunpas
– http://www.unpas.ac.id
terimakasih dan selamat #ngoding!
@sandhikagalih
CSS Dasar – 8 – Pseudo Class
CSS Dasar – 8 – Pseudo Class
12/05/18
Pak saya mau nanya
Pas di contoh paragaf first dan last of type itu kan paragraf nya cuma ada 2 ..
Kalau paragrafnya ada 3 atau lebih yang mau di beri style berbeda gimana pak?
Makasuh..
Hadir…. dir…dir…
sangat bermanfaat
Terima ksh pak atas ilmu nya… Sngt bermanfaat
Tolong dong pak bahas tentang fungsi pseudo class css before after… Mksh pak, sehat sllu
keren lah om
Pak punya saya kok gak brubah ya pas bkin .hello:link warnanya ga muncul. saya pke sublime text
Ada pseudo class untuk memilih elemen ke n dari sebuah jenis/ tipe tag tidak pak?
saya mau coba efek hover di tabel <td> tapi kok ga work ya? penulisan class nya udah benar, apa emang hover ga berfungsi di dalam tabel atau kaya gimana, tolong jelasin dong..
Setelah belajar kesana kemari baru paham di chanel ini 😂
mau nanya pak… apakah kalo belajar HTML CSS pc OS nya harus pake Linux ,,,,, windows bisa nggak? makasih
kenapa klo saya buka filenya menggunakan mozila firefox ga work pa dika pseudo nya(:link, :hover,dll) tapi klo sya buka di chrome itu work pa dika, bagaimana solusinya agar bisa digunakan menggunakan semua web browser?
mantap, gua udh nyoba ke portal web yang lain yang ngebahas tentang ini ga paham, setelah kesini jadi paham, thanks bang dika 🙂 btw gua juga dika wkwkwkwk
Setiap Saya nonton video tutorial di WEB PROGRAMMING UNPAS, pasti bawaannya pngen nonton video yg lainnya.
Pokoknya "WEB PROGRAMMING UNPAS"
TOP MARKOTOP
IS THE BEST
Saya jadi Semangat untuk belajar ngoding.
Makasih Mas Shandikagalih.
Kalau ingin megubah untuk anak li dari nomor sekian ke sekian secara berurutan bagaimana ya? Misalnya mengubah dari anak ke-4 ,5,6,7 sampai 8.
terimakasih pak berkat channel ini saya lebih mudah mengedit iklan
mantap
mas kok saya tidak running yah pakai sublime text
Video pembelajaran yang bapak buat sangat bermanfaat dan sangat jelas cara pembawaannya… saya jadi mulai mengerti cara ngoding….
Terima kasih banyak, dan semoga anda sehat selalu…
penjelasannya sangat mudah dipahami masyaALLAH Tabarakallah pak
pak, bagaimana halnya apabila paragrafnya ada 3, lalu kita ingin memberikan properti berupa warna dan sizenya pada paragraf ke 2, untuk penggunaan pseudo-classnya itu menggunakan yang mana pak ?
ka, di visual studio code saya ga bisa dijalanin pseudo class nya
Good padika, saya coba berexperiment klo ada 3 (pertama pakai first, yg terakhir pakai last, yg tengah saya pakaikan selector id="" pada paragraf untuk memberi warna nya 😂✌️🙏 terimakasih kang
Bang ada ga siih pseudo before?? Saya liat vidio di yt jga ada pseudo before, bisa di jelasin ga??😅😅
Pak, saya mau tanya, kalau misal paragrafnya lebih dari 2 (misal 10 paragraf gitu), apa masih bisa menggunakan first dan last of type? padahal kita pingin yang berubah warna paragraf 4 dan 7 misalnya
Hmm pak kalau yang first of type sama last ada gak yang kayak nth gitu kayak nth child ? Kalau first sama last kan cuman pertama sama yang terakhir kalau yang di tengah nanti gimana gitu kan
Ketemu channel seperti ini pas semester 6, hadeeeh, semester 1 kemana aja gueeee 😭
Mantap
pak gimana caranya kalau Hello word nya di hover font size 20 px tapi ketika dia berubah jadi 20px tidak menggeser elemen html yang lain?
Pak, mau tanya.
Knp ya klo di laptop saya, susunan pseudo-classnya itu hrus diletak sesuai urutan tertentu baru bisa berfungsi? Contohnya gini, kan bpk nulisnya disana link dlu, hover, actived, terakhir visited. Tpi klo saya urutannya hrus link, visited, hover, baru actived. Selain urutan itu gbisa berfungsi. Kenapa ya pak? Tlg dijwb pak 🙏🙏
@webprogrammingunpas mas untuk Pseudo Class ini ada ketentuan nya ngga kapan kita harus pakai first of type dan last of type nya?? Soalnya aku untuk yang paragraf alias <p> masih lebih mengikuti yang video sebelum nya yang ada class nya yang dinamain di bagian HTML nya yang diganti dari <p> jadi <p class="p1"> dan dibagian css nya dinamain misalkan jadi .p1 {color: red} dll, walaupun kata nya mas untuk yang p nya itu berat yaa pakai class tapi lebihh berat lagi pakai id
Jazakallahu Khairan Pa dhika atas ilmu koding nya 🙂
pak pas saya coba di sublime text kok gabisa ya pas ngetik tag yang .hello:hover {
font-family: arial;
font-size: 20px;
}
tulisannya ga ada yang berubah pak
pak saya mau tanya..waktu saya pakai yang last-child kok tidak bisa ya. Warnanya tidak berubah. Itu kenapa ya ?
MasyaAllah bang dhika mantap bnget penjelasannya..santai,ikhlas, dan mudah bnget dicerna
Ngejelasinnya aja mantep bnget..coba kalau ada disekitar rumah saya aku jadiin kakak saya deh 😃😃
Terima kasih,pak Sandika…
Psedo class materi tersulit dalam selector…
Saya jadi paham lihat pak Sandika..
24 okt 2019
02:39
Terimakasih atas ilmunya bang Sandika 🙏
Ketika <p> nya ada 10, terus mau ngasih style persis kaya di pseudo class child, gimana caranya?
bayar dia dg menonton iklan sampai habis
maaf mau tanya pak, yg first-of-type sama last-of-type ga punya n-of-type? apa pake class aja?
Thanks u