如何在div中替換div的樣式（背景顏色）

如果我有這樣的HTML，交替地（偶數和奇數）使用id =「container」的div替換div中的div的樣式（背景色爲jquery）如何在div中替換div的樣式（背景顏色）

<div id="container"> 
    <div></div> 
    <div></div> 
    <div></div> 
    <div></div> 
... 
</div>

我知道有像

#tbl_users tr:nth-child(even) {background: #CCC;} 
#tbl_users tr:nth-child(odd) {background: #FFF;}

但如何div的應用這樣的表？

來源

2011-06-20 Danka

你嘗試：

div#container div:nth-child(even) {background: #CCC;} 
div#container div:nth-child(odd) {background: #FFF;}

第n個孩子應該用這樣的結構，你可以得到相同的效果無論標籤如何工作。

來源

2011-06-20 12:35:27 Andrej

它與divs的工作方式完全相同。使用同樣的伎倆

#container div:nth-child(even) {background: #CCC;} 
#container div:nth-child(odd) {background: #FFF;}

來源

2011-06-20 12:35:02 Niklas

記住，這並不在每個瀏覽器 – pistacchio

工作@pistacchio糾正你，但他也不通常用來表的CSS。 – Niklas

爲什麼人們總是對某些瀏覽器支持不佳的選擇器/屬性感到厭煩，顯然很多人包括OP都不在意？ – BoltClock

：

#container div:nth-child(even) {background: #CCC;} 
#container div:nth-child(odd) {background: #FFF;}

來源

2011-06-20 12:35:04 yoavmatchulsky

$('#container>div:odd').css("background-color", "#ff0000"); 
$('#container>div:even').css("background-color", "#00ff00");

來源

2011-06-20 12:35:09 pistacchio

不錯的IE7解決方案！ – Richard

<div id="container"> 
    <div>A</div> 
    <div>B</div> 
    <div>C</div> 
    <div>D</div> 
</div> 

div#container div:nth-child(even) {background: #FF00CC;} 
div#container div:nth-child(odd) {background: #CC00FF;}

請嘗試此鏈接http://codebins.com/codes/home/4ldqpbz

來源

2012-07-03 10:17:40 gaurang171

如何在div中替換div的樣式（背景顏色）

回答

相關問題