内のコンテンツに基づいてdivのCSSを編集します

Question

私には、テキストを持つスパンを持つ2つのdivの1つと、画像を持つ2つのdivがあります。 0

と私はパディングと設定CSS必要なテキストを有する第二のdiv（draggableTemplate）へ：画像との最初のdiv（draggableTemplate）に私はパディングとCSSを設定する必要があるので

10％を

<div class="draggableTemplate"> 
    <img src="images/logo-blue.png" > 
</div> 

<div class="draggableTemplate"> 
    <span> Hello world... </span> 
</div> 

.draggableTemplate has: child(img) { 
    //that have img child 
    padding:0; 
} 

.draggableTemplate has: child(span){ 
    //that have span 
    padding:10%; 
} 

は私が親内の画像を持ってにCSSを設定する必要があると親のためのdifrante CSS：

私はこのようなものが必要PARENTない子供に

設定CSSの内部スパン

Answer 1

であなたははCSSで特定のchildのparentを選択することはできません。これを行うには

一つの方法は、has()

がここjsfiddle

JQ を参照機能、例えば、とJQを使用することです：jsfiddle

：

$(".draggableTemplate").has("img").css({"padding":"0"}); 
$(".draggableTemplate").has("span").css({"padding":"10%"}); 

または、このような

CSSで

.has_img{ 
    padding:0; 
} 
.has_span{ 
    padding:10%; 
} 

だけませだけCSSでこれを行うにはいくつかの方法がある

[その子要素に依存する要素にCSSスタイルを適用]の