Menetapkan CSS Tertentu yang Berfungsi Jika Terdapat Duplikat CSS Style

Suatu hari, ada sahabat yang menanyakan bagaimana cara mengatasi ketika ada dua css yang sama pada template.

Untuk itu kali ini saya akan memberikan solusi untuk Anda yang kesulitan mengaktifkan CSS tertentu pada sebuah blog atau website.

Secara default, style yang langsung diselipkan pada HTML lebih didahulukan daripada yang di masukkan kedalam link CSS seperti <link rel="stylesheet" type="text/css href="http://domain.js"/> dan <style>#style{blabla:bla;}</style>

Hal ini dapat kita manfaatkan jika sebelumnya telah ada CSS yang ditautkan ke HTML namun kita tidak punya akses untuk mengeditnya.

Contoh 1
<div id="testing" style="color:red">tulisan</div>
<style>#testing{color:blue}</style>
Dari contoh diatas, kira-kira warna apa yang akan tampil?
red(merah) atau blue(biru)
Jawabannya adalah merah.

Contoh 2
<div id="testing" style="color:red">tulisan</div>
<style>#testing{color:blue !important}</style>
Untuk contoh nomor 2 kira-kira warna apa yang akan tampil pada tulisan?
Jawabannya adalah blue(biru)

Kenapa bisa begitu?
Sngat simple, Anda cukup menambahkan !important dibelakang css. Ini adalah perintah yang menandakan CSS tersebut adalah yang valid.

Selamat mencoba..
URL

Komentar yang bermanfaat mendapat Rating*****oleh Admin blog ini