Bir element içinde farklı yerlerde tanımlanmış CSS kurallarının çakışması halinde hangisinin geçerli olacağını elemente yakınlık belirler. Örneğin elementin style niteliği içindeki bir CSS kuralı, sayfanın baş tarafında <style></style> bloğu içinde bulunan bir CSS kuralına göre daha baskındır. Ancak !important ifadesi ile hangi kuralın baskın olacağına biz karar verebiliriz.

<style type="text/css">
.etiket { color: red; }
</style>
<span style="color: green;">merhaba</span>

Yukarıdaki durumda “merhaba” yazısının rengi yeşil olacaktır.

<style type="text/css">
.etiket { color: red !important; }
</style>
<span style="color: green;">merhaba</span>

Yukarıdaki durumda ise yazı rengi kırmızı olacaktır. !important ifadesi ile çakışma durumunda hangi kuralın baskın olacağını biz belirlemiş olduk.