Hangi CSS Kodu Öncelikli?

CSS kodlarının öncelik sırası, belirli bir öğe için tanımlanan stilin hangi kurala göre uygulanacağını belirler. CSS'in öncelik sırası şu şekildedir, öncelik yüksekten düşüğe doğrudur:

1. Satır İçi CSS:

   • HTML etiketleri içinde style özelliği ile belirtilen stil tanımları en yüksek önceliğe sahiptir.

2. Dahili (Internal) CSS:

   • HTML belgesi içinde <style> etiketi içindeki stil tanımları, genelde tüm sayfa için belirlenen stil özellikleridir.

3. Harici (External) CSS:

   • Harici bir CSS dosyasında tanımlanan stil kuralları, sayfa genelinde kullanılacak genel stilleri belirtir. Dahili CSS'ten daha düşük önceliğe sahiptir.

4. CSS Özelliği Sıralaması:

   • Eğer aynı özellik için farklı değerler belirtilmişse, son yazılan stil değeri kullanılır. Örneğin:

     p {
         color: blue; /* Bu renk kullanılır */
         color: red;  /* Bu renk geçerlidir */
     }
     

5. Seçici Önceliği:

   • Özel seçicilere (ID, class, element) belirli bir öncelik tanınır. ID seçicileri, class seçicilerinden ve element seçicilerinden daha yüksek önceliğe sahiptir.

6. İmportant Anahtar Kelimesi:

   • !important anahtar kelimesi, bir stil tanımına eklenirse, bu tanımın diğer tüm tanımlamalardan üstün olduğunu belirtir.

Öncelik sırası, belirli bir stilin uygulanma durumunu anlamak için önemlidir. Bu sıralama, stil çatışmalarını çözmede ve istenilen görünümü elde etmede yardımcı olur.