Bir CSS kodundan resimleri nasıl hariç tutabilirim?

Merhabalar. Sitemde target="_blank" ile açılan bağlantıların sağında simge gözükmesi için şu kodu kullanıyorum:

a[target="_blank"]:after {
content: "f08e";
font-family: FontAwesome;

}

Ancak yeni sekmede açılan görsel bağlantıları da haliyle bu koddan nasibini alıyor ve ben bunu istemiyorum.

IMG elementini bu koddan nasıl hariç tutabilirim acaba?

İmg elementleri in bu kodla alakası yok css de bu kodun yanına bir class ver sonra yanında simge görünmesini eklediğin linklere bu classı ekle.

Yukarıdaki css seçicisi çok genel bir kod olmuş. Bü yüzden tüm targeti blank olan linklere ekler

En pratik yolu a'ya class atamak o class'takiler için css kodunu uygulatmak.

Normalde böyle kullanmıyorum hocam zaten, başında içeriğin container class'ı bulunuyor da burada örnek göstermek için eklemedim onu.

IMG elementlerin bu kodla alakası zaten yok ama dediğim gibi bir görsele yeni sekmede açılacak şekilde link verdiğimde doğal olarak bu kod devreye giriyor. Ben sadece IMG elementini hariç tutmak istiyorum.

Ekstra class kullanmadan yapmanın bir yolu yok mudur? Mesela herhangi bir hariç tutma kodu yok mudur CSS'de? Çünkü her eklediğim resme tek tek class verirsem işim zor, sitede bir sürü yazı bulunuyor, tek tek class eklersem günlerce başından kalkamam.

Bildigim kadarıyla yok belki jquery üzerinden bir cözüm düsünülebilir eğer açılan popup imaj ise contenti gizle gibi.

Boşu boşuna kafa patlatmanıza gerek yok. a>* olsaydı bir şekilde hallederdiniz. Fakat a'nın almış olduğu özelliğe kural tanımlıyorsanız ve bu a'nın içerisine gelen resimde olmasını istemiyorsanız özelliği kapatmaya uğraşmaktansa ek class verip işin içinden kurtulun

Teşekkürler, olmadı öyle yapayım.

Biraz daha farklı düşünülebilir...

<a target="_blank"><img /></a>

<a target="_blank"><span>Link</span></a>

a[target="_blank"] > span:after{
content: "f08e";
font-family: FontAwesome;
}

Böylelikle resimlere ikon eklenmez...