CSS: Kalıtım/Inheritance

Hüseyin Akdogan tarafından yazıldı.   

PDF olarak oku

Bu video dersinde, CSS’de kalıtım/inheritance konusunu örneklendirmeye çalıştım. Derste yer alan stil tanımlamaları aşağıdaki gibidir:

/*
   KALITIM
   XHTML/HTML sayfa hiyerarşisi içinde
   bir sayfa elemanı kalıtım yoluyla
   aktarılan özellikleri, kendisini
   sarmalamış yani ebeveyni konumunda
   bulunan sayfa elemanından miras alır.
   Miras alım, kalıtım yolu ile aktarılan
   özellik, sayfa elemanı için özel olarak
   tanımlanmamış ise gerçekleşir.
*/

/*
  body etiketinin aşağıdaki özellikleri
  için yapılan stil tanımlamaları, belirtilen
  özelliklere kendileri özel değer atamadıkça
  body etiketi ebeveyni olan sayfa elemanlarınca
  miras alınacaktır.
*/

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: gray;
    width: 700px;

}

/*
  Aşağıdaki atamayla h1 etiketi color
  özelliğine değer atamıştır. Bu sebeple
  body etiketi için yapılan color
  atamasından etkilenmeyecektir.
*/

h1 {
    font-weight: bold;
    color: black;
}

/*
  Aşağıdaki atamayla sayfa içinde yer
  alan bütün table etiketlerinin width
  özelliğine, kalıtım yoluyla değer
  ataması yapılmıştır.
*/

table {
    width: inherit;
}