thumbnail

CSS Kalıtım (Inheritance)

CSS ve HTML kodları ile çalışırken tüm elementlere tek tek stil atamak yorar ve zaman kaybına neden olur. Bu uzun yolu tercih etmemek ve gereksiz kodlardan uzaklaşmak için elementlere atayacağımız değerin tüm child elementlere uygulanmasını sağlayacağız. İşte bu özelliğe katılım adı veriliyor.

Tıpkı anne ve babanın özelliklerinin çocuklara geçmesi gibi bir parent (ebeveyn)’a atanan stil değerleri onun child’ (çocuk) larına uygulanır. Yani kısacası anne babanın çocuklarına mirası gibi düşünün 😀

Örneğin;

Bir sayfa elementi kalıtım yolu ile aktırılan özellikleri, kendisini kapsayan ebeveyni konumunda yer alan başka bir elementten miras alıyor. Miras alımı, kalıtım yolu ile aktarılan özellik, sayfa elemanı için özel olarak tanımlanmamış ise gerçekleşir.


body {
font-family: ‘Open Sans’, sans-serif;
font-size: 10px;
color: black;
width: 800px;

}

Yukarı body etiketine yaptığım stil tanımlamaları belirtilen özelliklere kendileri özel değer atamadıkça body etiketi ebeveyni olan sayfa elementlerince miras alınacaktır.

Kalıtım kısaca budur. Başka bir CSS dersinde görüşmek üzere 😀

1 Comment

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir