bagaimana cara membedakan css untuk code yang 1 dan code yang lain

Selamat malam SK

saya mau tanya, kan saya mencoba buat web html dan css. saya mencoba untuk membuat menu dengan css yang horizontal. tapi pada saat saya membuat sebuah list dengan code , semua code html yang menggunakan mengikuti css yang saya ikut untuk membuat menu itu. cara untuk membedakan nya gimana ya ? biar tidak terjadi tabrakan begitu :D

ini kan source code css untuk membuat menu nya http://prntscr.com/8wraun

ini yang saya buat, code mengikut css menu yang diatas http://prntscr.com/8wrc0y Terima Kasih

avatar WisnuRizki
@WisnuRizki

6 Kontribusi 0 Poin

Diperbarui 8 tahun yang lalu

4 Jawaban:

Kalo Ga Salah Nangkep nih ya...

buat class baru di css nya misal:

li.foo {
/* apa aja boleh*/
}

panggil class nya di html code:

<li class="foo"><li>

happy coding ^_^

avatar LoveLaravel
@LoveLaravel

12 Kontribusi 1 Poin

Dipost 8 tahun yang lalu

makasih @LoveLaravel :D udah solved hehehe :D

avatar WisnuRizki
@WisnuRizki

6 Kontribusi 0 Poin

Dipost 8 tahun yang lalu

Betul gan, untuk menghubungkan HTML dan CSS agar lebih detail (ngga kecampur) biasakan menggunakan attribute id atau class. Umumnya id untuk satu elemen aja, kalau class untuk beberapa yang mau distyle yang sama.

avatar hilmanski
@hilmanski

2670 Kontribusi 2132 Poin

Dipost 8 tahun yang lalu

@hilmanrdn contoh nya untuk atribut id gimana ya gan ? apa tetap sama kaya yang di contohkan sama @LoveLaravel ?

avatar WisnuRizki
@WisnuRizki

6 Kontribusi 0 Poin

Dipost 8 tahun yang lalu

Login untuk ikut Jawaban