Posisi CSS Style Dapat Mempengaruhi Fungsi Coding


« Halaman 1 - Reading
Jika Anda memiliki dua tag yang sama dan isi css_nya juga sama untuk satu kode html, maka salah satu dari css tersebut tidak akan berfungsi.
Ini tidak hanya berlaku untuk dua CSS Style saja, bahkan jika kebetulan Anda memiliki 10 css sekalipun maka hanya akan satu saja yang dapat berfungsi.

Studi kasus 1
<p id="TES">CSS Mana Yang Akan Menang</p>
<style>
#TES {color:red}
#TES {color:blue}
#TES {color:yellow}
</style>
Pada contoh diatas CSS yang akan menang adalah color:yellow (warna kuning). Mengapa demikian?
Karena urutan peletakan (posisi) yellow berada di bagian terbawah, itulah sebabnya dia yang akan ditampilkan.

Studi kasus 2
<p style="color:pink" id="TES">CSS Mana Yang Akan Menang</p>
<style>
#TES {color:red}
#TES {color:blue}
#TES {color:yellow}
</style>

Pada contoh diatas CSS yang akan menang adalah color:pink (warna merah muda). Mengapa demikian?
Karena html akan mengistimewakan sebuah css yang diletakkan langsung pada kode html tersebut daripada yang diletakkan dalam bungkusan <style></style>
Guitar Chords

Popular posts from this blog

Ramalan Jodoh dan Pasangan Hidup Menurut Tanggal Lahir

Cara Mudah Ambil Uang di ATM BRI (+gambar)

Cara Mengetahui Hari Kelahiran Weton Jawa - Online