應用相同的風格多個孩子的div

Question

這裏是我的html

<div id="d1"> 
       <div>1</div> 
       <div>2</div> 
       <div>3</div> 
       <div>4</div> 
      </div> 

<div id="d2"> 
       <div>1</div> 
       <div>2</div> 
       <div>3</div> 
       <div>4</div> 
      </div> 

在CSS，我有以下。

#id1 > div { 
    border: 1px solid white; 
    width: 100px; 
    height: 50px; 
    margin: 5px; 
} 

#id2 > div { 
    border: 1px solid white; 
    width: 100px; 
    height: 50px; 
    margin: 5px; 
} 

我想它在下面的值相結合。

#id1 > div #id2 > div { 
    border: 1px solid white; 
    width: 100px; 
    height: 50px; 
    margin: 5px; 
} 

但這不起作用。我可以添加一個類並適用於所有8個div，但我想知道是否有更好的方法來完成這個任務。

Answer 1

試試這個：

#id1 > div, #id2 > div { 
    border: 1px solid white; 
    width: 100px; 
    height: 50px; 
    margin: 5px; 
} 

多個CSS選擇器應當由昏迷中分離出來。

Answer 2

第一，你的選擇是缺乏一個逗號：

#id1 > div, #id2 > div { 

據我所知，分配一個CSS類的id的div將是最好的做法。另一種可能是以下選擇：

#id1 > div, #id1 ~ div[id] > div { 

您選擇的#id1div兄弟姐妹都div兒童運動的id屬性。 它聞起來像一些骯髒的黑客，但...

Answer 3

獨立與逗號

#id1 > div, #id2 > div { 
border: 1px solid white; 
width: 100px; 
height: 50px; 
margin: 5px; 
}