Dalam artikel sebelumnya di downcodes.com, kami menyebutkan "menulis ulang file CSS Anda agar lebih terorganisir dan terstruktur dengan jelas". Meskipun ini adalah salah satu metodenya, mengembangkan kebiasaan pengkodean yang baik selalu menjadi hal yang saya sukai tentang CSS. Artikel hari ini akan membahas konten tersebut.
Gaya CSS terakhir yang ditentukan akan menggantikan gaya yang sudah ada atau gaya bertentangan yang ditentukan sebelumnya, seperti contoh berikut:
Contoh Kode Sumber
[www.downcodes.com] p { warna: merah; latar belakang: kuning }
p { warna: hijau }
Paragraf di atas pada akhirnya akan muncul dalam font hijau dengan latar belakang kuning, karena warna yang terakhir ditentukan: hijau menimpa warna merah yang ditentukan sebelumnya definisi yang bertentangan dalam definisi tersebut, sehingga masih sah.
Apakah kamu benar-benar mengerti? Oke, mari kita lakukan tes kecil:
Contoh Kode Sumber
[www.downcodes.com] hal.merah { warna: merah }
p.hijau { warna: hijau }
p.biru { warna: biru }
Contoh Kode Sumber
[www.downcodes.com] <p class="red green blue">Contoh teks. downcodes.com</p>
<p class="green blue red">Contoh teks. downcodes.com</p>
<p class="blue red green">Contoh teks. downcodes.com</p>
Tolong beri tahu saya, warna apa yang akan muncul pada teks dalam tiga paragraf di atas ketika akhirnya ditampilkan?
Jawabannya adalah semuanya ditampilkan dalam warna biru, yaitu biru. Meskipun setiap paragraf memiliki tiga gaya p yang diterapkan dalam urutan berbeda, tampaknya warnanya harus ditentukan sesuai dengan urutan penerapan gaya tersebut , yang pertama ditampilkan dengan warna biru, dan yang ketiga ditampilkan dengan warna biru, yang kedua ditampilkan dengan warna merah, dan yang ketiga ditampilkan dengan warna hijau di mana gaya diterapkan. Semuanya pada akhirnya mematuhi gaya yang ditentukan terakhir, dan warnanya biru.
