सीएसएस चयनकर्ता: <img> बच्चे के रूप में

Question

मैं उन सभी एंकर टैग का चयन करने की कोशिश कर रहा हूं जो बाहरी छवियों से लिंक हैं जिनके पास बाल छवि टैग नहीं हैं। अगर मेरे पास एक लिंक के रूप में एक छवि है, तो यह उन छवियों के बगल में थोड़ा बाहरी लिंक आइकन भी जोड़ता है, लेकिन मुझे वह नहीं चाहिए।

यह वही है मैं अब तक राशि है: साथ ही लिंक:

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

एक अतिरिक्त बोनस के रूप में, मैं इसे कैसे के साथ काम करना होगा "https: //"?

Answer 1

यह सादे सीएसएस के साथ संभव नहीं है।

jQuery:

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

सीएसएस:

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

डेमो देखें: http://jsfiddle.net/hKTBp/

(HTTPS सहित) डेमो देखें: http://jsfiddle.net/hKTBp/1/

आप jQuery wizardry का एक सा इस्तेमाल कर सकते हैं लेकिन