CSSセレクタ：いいえ<img>子として

Question

子画像タグを持たない外部サイトにリンクするすべてのアンカータグを選択しようとしています。私はリンクとして画像を持っている場合、それらの画像の隣に小さな外部リンクアイコンも追加しますが、私はそれを望んでいません。

これは私がこれまで持っているものされています追加ボーナスとして

a[href^="http://"]{ 
    background:transparent url(..icon/external.png) center right no-repeat; 
    display:inline-block; 
    padding-right:18px; 
} 

は、どのように私はそれが仕事になるだろう「https：//で」リンクとしても？

Answer 1

これは普通のCSSでは不可能です。

のjQuery：

$("a[href^='http://']:not(:has(img))").addClass("external"); 

CSS：

a.external { 
    background:transparent url(..icon/external.png) center right no-repeat; 
    display:inline-block; 
    padding-right:18px; 
} 

参照デモ：（HTTPSを含む）http://jsfiddle.net/hKTBp/

参照デモ：http://jsfiddle.net/hKTBp/1/

あなたはjQueryの魔法のビットを使用することができますしかし、