Eksekusi Code

karena 'li' yang kedua ga ada 'a' nya. Di rule CSS nya tertulis,

li a, .dropbtn

berarti dia hanya memilih yang 'li a', bukan 'li' saja.

Pakai class atau id gan..di kasih yg lebuh spesifik contohnya

<li id="contoh">halo</li>

Lalu di cssnya panggil idnya bukan tag li nya

#contoh{...}

Jadi otomatis yg terganti bukan seluruh li tapi li yg memiliki id yg namanya contoh..untuk manggilnya sendiri di css cuma harus pakek tanda pager (#) lalu nama id nya yg agan sisipin di tag html kayak contoh diatas..

Bisa juga pakai class jika agan emang pingin ngubah 2 atau lebih taghtml, mslnyya

<li>satu</li>
<li>dua</li>
<li>tiga</li>

Terus agan mau ubah li yang nomer 2 dan 3 di css tinggal tambahin class di tag tsb seperti ini

<li>satu</li>
<li class="list">dua</li>
<li class="list">tiga</li>

Lalu panggil di css dengan menggunakan titik (.) Diikuti nama class agan (nama classnya bisa terserah agan ya)

.list{...}

Kira kira macem gitu deh pemakaian id sma class, nama class sma id sendiri boleh bebas, yang penting saat nnti di panggil dicssnya harus sama dan gak boleh beda sma class atau id yg udh agan bikin, kalo enggk nnti gak bakal tereksekusi :)

oke.terima kasih gan