2016-07-27 30 views
0

我正在使用Brackets編輯器,我不確定它是編輯器還是實時預覽(本地主機)的問題,或者如果我在做有問題。我似乎無法選擇divs嵌套div(CSS)

我可以訪問個人ID很好,但一旦我嘗試訪問其他ID(也是div)的ID內部它不會......訪問它們,但我也沒有真正得到一個錯誤。它只是不會做任何事情。

舉例來說,我都試過

#myId > #myId2 {} 
#myId #myId2 {} 

我試過包括單詞「DIV」很好,但沒有運氣...任何想法的問題是什麼?

+1

沒有更多的信息,它很難確定。你可以設置一個[jsfiddle](https://jsfiddle.net/)或者嘗試在瀏覽器中運行該文件來縮小可能性嗎? –

+0

你給你的寬度和高度的div divs? –

回答

0

它如果妳這樣做它應該工作:

HTML:

 <!DOCTYPE html> 
      <html> 

       <head> 
       <link rel="stylesheet" href="style.css"> 
       <script src="script.js"></script> 
       </head> 

       <body> 
       <div id="parent"> 

        <div id="child" class="child"> 

        <div id="grandChild" class="child"> 

        </div> 

        </div> 

       </div> 
       </body> 

      </html> 

CSS:

  #parent{ 
       height: 200px; 
       width: 200px; 
       background-color: red; 
      } 

      #grandChild{ 
       height: 50px; 
       width: 50px; 
       background-color: lightgreen; 
       border-radius: 20%; 
      } 

      #parent>.child{ 
       height: 100px; 
       width: 100px; 
       background-color: lightblue; 
       border-radius: 50%; 
      } 

在下面的演示嘗試改變#parent> .child到#父母.child,並看到不同之處。
WORKING DEMO

也許你忘了給高度和寬度給你的div div我正如上面在評論中所說的?

希望有幫助。