2016-07-27 29 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我正如上面在评论中所说的?

希望有帮助。