Çözüldü İmg kodu için CSS yazarken her eklenen resime özel CSS nasıl eklenir?

emirdenbiri · 4 Ocak 2025

Selamlar.
İmg HTML koduna CSS yazarken tüm img'leri etkiliyor fakat ben sadece birine özel CSS eklemek istiyorum ama img olarak ekleyince tüm imgler bu CSS kodundan etkileniyor. Bu tabii sadece img kodu için geçerli değil her HTML kodu için. Sadece seçtiğim şeyi etkilemesi için özel bir kod vs. var mı? Yardımcı olursanız teşekkür ederim.

kaan.w · 5 Ocak 2025

HTML:

<img>
<img>
<img id="lorem">
<img>
<img>
<img>

CSS:

img {
  /* Tüm resimler */
}

#lorem {
  /* Tek resim */
}

img:not(#lorem) {
  /* lorem id'li resim harici tüm resimler */
}

BlackRazorX · 4 Ocak 2025

Id tanımlayabilirsin.
#img-ozel etiketi ile css tanımlarsan ilgili image için id="img-ozel" şeklinde sadece o id ye sahip elemente özel css yazarsın.

kaan.w · 5 Ocak 2025

HTML:

<img>
<img>
<img id="lorem">
<img>
<img>
<img>

CSS:

img {
  /* Tüm resimler */
}

#lorem {
  /* Tek resim */
}

img:not(#lorem) {
  /* lorem id'li resim harici tüm resimler */
}

emirdenbiri · 5 Ocak 2025

kaan.w dedi:
HTML:

<img> <img> <img id="lorem"> <img> <img> <img>

CSS:

img { /* Tüm resimler */ } #lorem { /* Tek resim */ } img:not(#lorem) { /* lorem id'li resim harici tüm resimler */ }

Teşekkürler.

Çözüldü İmg kodu için CSS yazarken her eklenen resime özel CSS nasıl eklenir?

Ayrıntılı düzenleme

emirdenbiri

Decapat

kaan.w

BlackRazorX

Hectopat

kaan.w

Megapat

emirdenbiri

Decapat

Benzer konular