CSS’de Bir Kuralı Baskın Yapmak

Bülent Yılmaz — Sun, 14 Feb 2010 07:22:19 +0000

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 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.

Web Geliştirici » baskın kural

CSS’de Bir Kuralı Baskın Yapmak