Hey css biliyorsan yardım eder misin :)

css ler çakışıyor
logo ve ana sayfadaki fotoğraflar img
değiştirince tüm fotoğraflar değişiyor

img {
  width: 100%;
  overflow: hidden;
}

sadece logoyu etkiliyecek kodu nasıl yazabilirim ?
logodaki css i kaldırmak istiyorum

logo ya class ata ona değer ver

veya logo divine style yaz

Logo'ya bir class yapısı atarsın ve sadece o class etkilenir.

<a href="index.html" class="brand"><img src="img/logo.jpg" alt="Logo" /></a>

Daha sonra bunu CSS tarafında düzenleye ve şekillendirebilirsin kendine göre.

.brand { margin: 5px; } .brand img { width: 125px; height: 125px; object-fit: contain; }

Not: Bu arada object-fit falan vermene gerek yok. Onun yerine SVG uzantılı entegre edebilirsin sayfaya logo'yu.

İyi geceler, arama motorlarına ya da ücretsiz chatbotlara yazsanız daha da ayrıntılı anlatırlar, Şöyle;

- Tarayıcıızdan logo'ya sağ tıklayın, İNCELE butonuna tıklayın.
- class ya da id özelliğini alın.
<img src="şu şu" class="bu özelliği alın" id="iddegerivarsa">
.bu özelliği alın{ css kodlarınız. }
#iddegerivarsa { css kodlarınız. }

nokta ve hashtag işaretlerini unutmayınız.
İyi öğrenmeler & çalışmalar & geceler.

<img src="#" class="logo" alt="logo">

Şeklinde html i düzenleyip

.logo {
  width: 100%;
  overflow: hidden;
}

Şeklinde çalıştırırsan sadece logo ya css ayarı vermiş olursunuz iyi forumlar .

Halletim teşekkür ederim