Friday, December 28, 2012

Kapan Menggunakan Important CSS

Terjemahan important dalam bahasa Indonesia adalah "penting".

Dengan menyertakan !important setelah deklarasi tertentu, itu memberitahukan kepada browser bahwa deklarasi ini adalah kode yang harus dijalankan.

Browser membaca kode CSS dari atas ke bawah, contohnya ketika saya mempunyai penggalan kode berikut ini:

BODY { background-color: #000000; background-color: #0000FF; }

Secara default, browser akan menjalankan baris kode:

background-color: #0000FF;

Dan bukan

background-color: #000000;

Tetapi dengan menambahkan !important setelah deklarasi yang dianggap penting, misalnya yang dianggap penting untuk dijalankan oleh browser adalah background-color: #000000;, maka perlu menambahkan !important setelahnya, dan menjadi:

BODY { background-color: #000000 !important; background-color: #0000FF; }

Maka browser akan menjalankan baris kode:

background-color: #000000;

Dan bukan

background-color: #0000FF;

Catatan: Untuk di bawah IE6, !important memberitahukan kepada browser bahwa deklarasi itu tidak perlu dijalankan.