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

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'

Avatar
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

Avatar
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