Question

我正在使用Brackets编辑器，我不确定编辑器或实时预览（localhost）是否存在问题，或者我是否做错了。

我可以访问个人ID，但是一旦我尝试访问其他ID内部的ID（也是div），它就不会......访问它们但我也没有真正得到错误。它不会做任何事情。

例如，我已经尝试了两种

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

我尝试过包括'div'这个词，但没有运气......任何想法是什么问题？

Answer 1

如果你这样做，它应该有效：

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＆gt; .child更改为#parent .child并查看差异 WORKING DEMO

也许你忘了给你的div给出一个高度和宽度，正如我在评论中所说的那样？

希望有所帮助。

我似乎无法选择嵌套在div（CSS）中的div

1 个答案: