4. Basamaklı Yapı ve Kalıtsallık 69 Şeklinde veya h1#baslik{ color:blue} ....

Sed ut perspiciatis

Peki site içeriği geniş v

4. Basamaklı Yapı ve Kalıtsallık 69 Şeklinde veya h1#baslik{ color:blue} ....

Sed ut perspiciatis

Peki site içeriği geniş ve css dokümanımızda uzunca biz bu üst üste basamaklı olarak binmiş tanımları nasıl anlayacağız. Bunun için size Firefox tarayıcı ile gelen FirefBug(http://www.getfirebug.com/) eklentisini öneriyorum. Bu eklentini birçok özelliği var bu sadece biri. Firebug eklentisi kurup etkinleştirdikten sonra sağ alt köşeye eklenen yeşil ok işaretine tıklayıp eklenti ekranını açarız ve soldaki Inspect'e tıkladıktan sonra sayfamızdan h1 elemanımızı seçeriz. kinci örnek üzerinde yaptığımız Firebug araştırmasında görüldüğü gibi 11.satırdaki h1 tanımımızın üzeri çizilmiştir, yani etkisizdir. Etkili olan 7. Satırdaki h1 tanımımızdır. Etkinlik değerini anlamak için birkaç örnek daha verelim. ul h1 li.secili {color: yellow}