Css İki Farklı Katmanda Benzer İsimde Class Sorunu

.telefon diye class olsun.

biri header bölümünde diğeri footer'da

tema hazırlanırken .telefon diye özellik verilmiş
footerdaki telefon için de özellik tanımlarken

footer .telefon olarak özellik belirtmeme rağmen, bir kısmını footer .telefon'da ki özelliği alıyor geri kalanı da headerdaki .telefon'dan

bu durumda iki tarafta belirtilen farklı özellikleri alıyor.

acaba ben footer .telefon diye belirttikten sonra sadece burada belirttiğim özellikleri alıp bunun dışında özellik almaması için ve !important kullanmadan yapmanın bir yolu var mı?

class name lerini değiştiremiyor musun? Anlamadım, merakından mı soruyorsun?

elbette değiştirebilirim hocam, daha pratik bir yolu var mı benim bilmediğim diye merakımdan sordum.

!important ekle ezmesi için.
Bir de şöyle bi mesele var.
Mesela header için font-size tanımlanmış ama footerda tanımlanmamış. Otomatik header ı okur.
Yani eğer farklı özellik tanımlanmış ise birini yakalar

Hocam İçindeki Ekle Yazın örnek a yı göstermek için div a .telefon{} örnek ama bu

Başka yerden farklı tanımlamalar varsa bunları görmezden gelmesini sağlayacak Hocam sanki css'de böyle bir özellik vardı diye hatırlıyorum. Yoksa da olması gerekir.

hocam sass scss kullanırsanız bu olayları daha pratik şekilde çözebilirsiniz nacizane fikrimdir

Ben hatırlamıyorum yani 5 senedir frond end kodluyorum varsa da ben bilmiyorum

".telefon" şeklinde tanımlama yapmak ortak değerlerin kullanımı için olması gereken seçicidir. Örneğin; ".telefon" class'ında belirtilen tanımlamalar(width, height, position, color vs gibi) diğer torun seçiciler (footer .telefon) içinde yeni bir tanımlama yapılmadığı sürece geçerlidir. Eğer header içindeki .telefon tanımlamalarını footer'da görmek istemiyorsanız. Header alanınındaki ".telefon" classını torun seçici şeklinde düzenlemeniz gerekir.