Diskusi Deska Zodanta
Selesai
Deska Zodanta
2 tahun yang lalu
CSS Selector
Ijin bertanya Kak. Kenapa ya Kak menggunakan properti serupa (contoh di bawah menggunakan properti float, width, height, margin-right, margin-top, margin-bottom ) dengan menggunakan selector class dan selector menggunakan nama tag hasilnya berbeda? (untuk lebih jelasnya bisa lihat di link foto dibawah)
Foto code menggunakan selector class ( .logo ) https://drive.google.com/file/d/10hy9vVSEZz5MvtV2tXoV4YBS-kEob4xz/view?usp=drivesdk
Foto hasil dari penggunaan properti memakai selector class ( .logo ) https://drive.google.com/file/d/10k-pA_Ca_YhsT9UM3_AHHOG13nLoelTS/view?usp=drivesdk
Foto code menggunakan selector nama tag ( img ) https://drive.google.com/file/d/10qYOp38tCKsyg4f5gndx5Mv08FpXw5vM/view?usp=drivesdk
Foto hasil dari penggunaan properti memakai selector nama tag ( img ) https://drive.google.com/file/d/11-QzJXoVkBBLZk-Vchsms_ZIipQ1g7Bt/view?usp=drivesdk
Foto code di bagian tag HTML https://drive.google.com/file/d/11-vC9u1-78pFjp8-ePa73uKNPUOe0NJK/view?usp=drivesdk
3 Jawaban
Muhammad Fakhry Burhanuddin
2 tahun yang lalu
Hi Deska,
Itu karena kalau pakai selector img, maka kita mengubah ukuran imagenya, sedangkan selector class .logo yang diubah adalah container dari img. Lebih jelasnya bisa pakai fitur 'Inspect element' bawaan browser. klik kanan di browser dan pilih 'Inspect'
Levianth
2 tahun yang lalu
Halo kak Deska!
Penggunaan Selector img
itu adalah penggunaan dan cara untuk styling keseluruhan Tag img
dan itu akan berpengaruh ke semua tag img
nantinya dan memang hasilnya akan sedikit berbeda karena jika membuat style ke img
maka hanya mengubah hal yang ada di img
tanpa ada hambatan lain/tag lain, Dan jika menggunakan selector class .logo
setelah saya lihat ternyata itu berada di dalam sebuah div
dan bukan langsung ke bagian img
nya kak dan itu kenapa hasilnya berbeda karena class .logo
berada dalam div yang dimana div memiliki property bawaan langsung dari browser nya kak dan maka dari itu hasilnya juga sedikit berbeda kak! :D
semoga paham dan jika masih kurang paham bisa reply aja ya kak! :D
Levianth
2 tahun yang lalu
Halo kak Deska~!
Terima kasih sudah bertanya di forum Codepolitan dan jika ada pertanyaan lanjutan atau pertanyaan lainnya kakak bisa membuka pertanyaan baru ya kak~! :D
Sekian dan tetap semangat terus ya kak belajarnya :D