Sering kita jumpai code !important pada CSS. Lalu, apa sih fungsi dari !important itu sendiri? Sebelumnya perlu kita ketahui jika pada suatu css, baik itu class, div, ataupun tag, terdapat dua kode css (property css) yang sama, maka kode yang paling bawahlah yang yang digunakan, sedangkan yang di atas tidak digunakan.

/* Contoh terdapat dua kode yang sama pada suatu selector */
margin-top: 10px;
margin-top: 7px;

Dari kode di atas, maka class menuatas akan memiliki margin-top sebesar 7px.

Biasanya, penggunaan !important digunakan ketika mengatasi masalah bug CSS di browser IE. Sehingga developer sering membuat kondisi jika client menggunakan browser IE. Solusinya :

margin-top:10px !important; /* Selain IE */
margin-top:7px; /* Khusus IE */

Kode di atas artinya, jika client menggunakan browser selain IE, maka class menuatas memiliki margin-top 10px, dan mengabaikan kode dibawahnya. Akan tetapi, jika client menggunakan browser IE, maka class menuatas memiliki margin-top 7px. Hal ini dikarenakan browser Internet Explorer (IE) TIDAK MENGENAL !IMPORTANT.


  1. There seems to be something weird about the title: this atrlcie is on 1.5.1rc1, right? But it’s titled 1.5.0rc1.It’s nice to see that there’s finally a centralized browser detection variable. That way there won’t be /Konqueror|Safari|KHTML/.test(navigator.userAgent) running all over the place.Way to go for the native JSON support! Although it might be safer for .toJSON(true) to be the default setting.I have to say this has nothing to do with 1.5.1_rc1, but I really really really want to see Event methods actually being extended on event objects that are passed to event handler functions. It’s painfully silly to do Event.stop(event).

    1. Дружище! Использовать яваскрипт для того что бы прижать футер тоже в какой то степени решение проблемы, но не панацея. LOREM IPSUM …html, body { heigth: 100%}.content-wrapper {min-heigth: 100%}.wrapper { padndig-bottom: 100px;}footer { heigth: 100px; margin-top:-100px}Ответить

Leave a Reply

Your email address will not be published. Required fields are marked *