CSS

CSS !important Rule

Pelajari bagaimana menggunakan !important dalam CSS untuk memaksa suatu aturan diterapkan.

CSS `!important` Rule

Aturan CSS yang ditandai dengan !important akan mengalahkan aturan lainnya, bahkan jika aturan tersebut memiliki spesifisitas lebih tinggi.

Contoh Penggunaan

<style>
  #title {
    color: red !important;
  }
 
  .title {
    color: green;
  }
</style>
 
<h1 id="title" class="title">Judul Ini Akan Berwarna Merah</h1>

Catatan Penting

Gunakan !important hanya jika benar-benar diperlukan.
Terlalu banyak !important membuat kode CSS sulit dipelihara.
Dapat menyebabkan konflik dengan stylesheet lain (seperti framework CSS).

Kapan Menggunakan `!important`?

Untuk menimpa aturan pihak ketiga (seperti CSS dari library).
Dalam keadaan darurat ketika Anda tidak dapat mengubah struktur selector.

Ringkasan

!important akan mengalahkan semua aturan lainnya.
Harus digunakan secara bijak dan hanya jika perlu.
Tidak menggantikan pentingnya pemahaman tentang spesifisitas CSS.

CSS Specificity

Pelajari bagaimana CSS menentukan aturan mana yang diterapkan menggunakan konsep spesifisitas.

CSS Math Functions

Pelajari fungsi matematika dalam CSS seperti calc(), min(), max(), dan clamp().