Bazı durumlarda bir stil elementinin görselliğini kontrol etme gereği duyarız. Birbirine üstünlüğü olan stil biçimlendirmelerine öncelik kazandırmamız gerekebilir. Baskınlık sağlamak söz konusu olduğunda yapılacak işlem nedir?

İşin özü, Cascading teriminden gelmektedir. Türkçe karşılığı üst üste, basamaklı olan teriminin karşılığı bu aşamada ortaya çıkmaktadır.

CSS stillerinin öncelik hakları aşağıdaki sıralama gibidir. Liste’de öncelik hakkı ilk sıradan son sıraya doğru azalmaktadır.

  1. İçerisinde !important özelliği barındıran stil önceliklidir.

    2. .cssrehberi { color: #f60 !important; }

  2. !important özelliği bulunmayan stillerde ziyaretçinin bilgisayarında yapmış olduğu özel tanımlamalar geçerlidir.
  3. CSS tanımlamaları içerisinde ID seçicili tanımlar CLASS seçicili tanımlara göre önceliklidir. Aynı şekilde CLASS seçicili tanımlamalarda HTML seçicili tanımlara göre önceliklidir.
  4. CSS tanımında en altta yer alan stil üstteki tanıma göre önceliklidir.