更改在父母的div div絕對div的css

<html> 
<head> 
<script src="jquery.min.js"></script> 
</head> 
<body> 
<div id="disp"> 
    <div> 
     hi how are u 
    </div> 
    <div style="position:absolute;left:50px;top:100px;"> 
     hello 
    </div> 
</div> 
<script type="text/javascript"> 
    $(function(){ 
    $("#disp").css({"background-color":"#00ff00"}); 
    }); 
    </script> 
</body> 
</html>

如果你運行這段代碼它會打印兩個div一個是「你好，你好」和「你好」這裏一個div有綠色一個是白色我有改變父div的顏色屬性。我的問題是，爲什麼下一格是沒有得到綠色，我知道這個問題是絕對位置如何，我可以處理這種情況更改在父母的div div絕對div的css

來源

2013-02-08 Francis Stalin

沒有得到你，你能解釋更多 – Cris

'我想改變絕對位置div與父母身份的屬性'解釋它在一個更好的方式。 – Jai

所以你想使用父母的ID應用父div的CSS到子div？ – qwerty

在這裏，你可以試試這個

$('#disp > div').eq(1).css('background-color', 'red');

希望這有助於..

來源

2013-02-08 06:44:08 Dharmendra

我想給所有的孩子div與父母身份 –

是一樣的顏色是按照相同的程序刪除.eq（）然後它會選擇父元素的所有孩子。 – Dharmendra

您可以使用nth-child CSS選擇器（即選擇在#disp容器中的第二個孩子的div）：

$("#disp div:nth-child(2)").css({"background-color":"#00ff00"});

然後，您可以修改你希望的CSS樣式。

來源

2013-02-08 06:45:29 Th3Cuber

是否有可能與單選擇我必須給所有我的孩子div.a相同的顏色，因爲我有隨機生成的div我不能在這裏選擇子div –

我沒試過，但我想知道，像下面將工作：

$("#disp div).filter(function() { 
    return $(this).css("position") == "absolute"; 
}).css({"background-color":"#00ff00"});

來源

2013-02-08 06:47:42

你應該寫CSS而不是jQuery的

#disp > div { 
    background:#00ff00; 
    }

來源

2013-02-08 06:52:25

對不起，你可以解釋更多 –

爲什麼你需要在jQuery中的風格？ –

就繼承父的背景色物業：

<div style="position:absolute;left:50px;top:100px; background-color: inherit">

來源

2013-02-08 06:56:18 qwerty

@Francis Stalin無論你在父div上應用什麼背景色，子div都會繼承它。你可以讓你的子div繼承parent div的其他屬性。希望它能幫助你解決你的問題。 – qwerty

它的工作背景。如果我想要像處理div內容那樣處理div內容，就像那樣 –

@FrancisStalin只有css屬性可以被繼承。不幸的是，**內容**不是其中之一;）。但你可以使用javascript/jquery動態添加任何div的內容到其他div，但爲此你應該提供一些id.AFAIK這不是CSS的工作。 – qwerty

更改在父母的div div絕對div的css

回答

相關問題