[Darksist]

CSS tanımlaması şu şekilde oluyor:

.content {
....

}
.content p {
...
}
.content h1 {
....
}

.content img {
	border: 1px solid #96620E;
	padding: 5px;
	margin: 10px;
}

HTML kullanımı da şu şekilde:

<div class="content">
  <img src="bu_resim_classtaki_tanımlamaya_aykırı_olmalı_tanımı_default_hale_gelmeli.jpg">
</div>

Umarım bu kez açıklayabilmişimdir

[BYK]

Evet

Şimdi bu durumda yapabileceğin birden fazla şey var.

CSS seçicileri çok farklı kullanımlar sunuyor. En basit yol bir class tanımlaması yaparak sorunu çözmek ki benden önce zaten erdinç bunu önermişti sanıyorum.

Bunlara ek olarak, birinci çocuk(alt eleman) anlamına gelen ">" işlecini(operatör) kullanmayı deneyebilirsin

#content>img
{
...
}

şeklinde. Buraya yazdığın kurallar sadece content elemanının birinci dereceden alt elemanı olan img etiketlerine uygulanacaktır.

Ayrıca ":first-child" ve ":last-child" gibi sanal sınıfları(pseudo-class) kullanmak da işini görebilir.
http://juicystudio.com/article/div-mania.php adresinde oldukça güzel ve anlaşılır bir yazı var CSS seçicileri ile ilgili. Eğer sıkıntınızı bu yollardan biriyle gidermeniz mümkün olmazsa tekrar inceleriz hep beraber.

Kolay gelsin

Not: Eğer content sınıfı sadece bir div elemanı için kullanılıyorsa bu div elemanının id'sini content yapıp tanımlamaları da ona göre değiştirmek daha uygun olacaktır. Örneğimi de ona göre yapmışım farkında olmadan zaten # işaretini . ile değiştirdiğinde content sınıfını temsil edecektir. Yukarıdaki yazıda bunlar da var zaten

[erdinç]

BYK güzelce anlatmış. Ben de ilk akla gelen çözüm için yapman gerekenleri teker teker yazayım :

Önce CSS kodunda son sırada gösterdiğin class'ın adını değiştiriyorsun:

.content {
....

}
.content p {
...
}
.content h1 {
....
}

.resim_bicimi {
	border: 1px solid #96620E;
	padding: 5px;
	margin: 10px;
}

Daha sonra eklediğin bütün resimleri teker teker bulup onları <div class="resim_bicimi">...</div> şeklinde ayrı bir div'in içine koyuyorsun. Biçimlendirme yapmak istemediğin resimleri olduğu gibi bırakıyorsun. Yani şu şekilde:

<div class="content">
<div class="resim_bicimi"><img src="bu resim biçimlendirilmiş.jpg"></div>
<img src="bu resim biçimlendirme dışı.jpg">
</div>

[Darksist]

@erdinç ve @BYK yardımlarınız için teşekkürler @erdinç'in belirttiği çözüm bu projeye mahsus kullandım fakat daha esnek bir çözüm bulmaya çalışacağım.