Diskusi Deska Zodanta

Selesai
Deska Zodanta
Ditanyakan pada: CSS Selector

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

Avatar
Muhammad Fakhry Burhanuddin

13 hari 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'

Avatar
Levianth

12 hari 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

Avatar
Levianth

7 hari 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