jQueryの/ javascriptの - 私は以下のように3ページがあるとし、特定の要素に

Question

をスタイルを与える：

ページ1：

<div id="content"> 
    <div id="red"></div> 
</div> 

を2ページ：

<div id="content"> 
    <div id="blue"></div> 
</div> 

ページ3：

<div id="content"> 
    <div id="green"></div> 
</div> 

この3ページは同じテンプレートになっています。追加した場合

#content { 
    margin-top: 10px; 
} 

すべてのページでこのスタイルが適用されます。このスタイルをページ3に配置したい場合、どうすればいいですか？

通常、要素を指すには$('#content > #green').css(...)を使用しますが、逆の要素をポイントしてスタイルを指定すると、$('#content < #green')のようなものがありますか？

Answer 1

あなたが使用することができます。

$('#green').parent('#content').css(...); 

Answer 2

それとも、新しいスタイルクラスのスタイルを保持している「contentClass」を作成することができます。

$('#green').parent().css(...); 

をあなたは完全に特定したい場合は、行うことができますid = "content"の要素を使用し、スタイルクラスを赤、緑、青に適用します。このようにして、コンテンツはスタイルのない抽象コンテナになり、実際のスタイルは必要な場所に移動します。

.contentClass { 
    /* Your content styles here /* 
} 

そして、あなたのページ：あなたのスタイルシートでそう

<div id="content"> 
    <div id="red" class="contentClass"></div> 
</div> 

<div id="content"> 
    <div id="green" class="contentClass"></div> 
</div> 

<div id="content"> 
    <div id="blue" class="contentClass"></div> 
</div> 

Answer 3

あなたは$("#content eq(index of element)")を試してみました？