Kalıtım ve Kademelenme

CSS içinde kalıtım ve kademelenme kavramını, kullanım sınırlarını ve güvenilir uygulama biçimini öğrenin.

Kalıtım ve Kademelenme, CSS ile kademelenme temelleri çalışırken temel kavramları doğru bir zihinsel modelle kurmak için kullanılan yaklaşımı açıklar. Polimorfizm çağıran kodun somut uygulamayı bilmeden ortak bir sözleşmeyle çalışmasını sağlar.

Kalıtımı yalnızca gerçek bir yerine geçebilme ilişkisi varsa kullanmak; kod paylaşımı için bileşimi tercih etmek daha esnek tasarım üretir. İsimlendirme, küçük sorumluluklar ve görünür veri akışı; kodun yalnızca çalışmasını değil, anlaşılmasını da sağlar. Aşağıdaki örnek, konuyu küçük ve izlenebilir bir akış içinde gösterir.

Yaygın hata ve doğru yaklaşım

Girdi, çıktı ve hata sözleşmesini belirsiz bırakmak çağıran kodu kırılgan hâle getirir. Normal akış kadar başarısızlık davranışını da açıkça tasarlayın.

Sonuç

Kalıtım ve Kademelenme, doğru sınırlar ve açık bir sözleşmeyle kullanıldığında CSS kodunun güvenilirliğini artırır. Önce doğruluğu kurun; ölçüm göstermeden karmaşık optimizasyona yönelmeyin.

Kalıtım ve Kademelenme örneği

:root {
  --brand: #1572b6;
  --space: clamp(1rem, 2vw, 2rem);
}

.lesson {
  color: #172033;
  padding: var(--space);
}