我正在使用Brackets编辑器,但是不确定编辑器或实时预览(localhost)是否有问题,或者我做错了什么。

我可以访问单个ID很好,但是一旦我尝试访问其他ID(也就是div)中的ID,就不会...访问它们,但我也没有得到任何错误。它什么也不会做。

例如,我尝试过

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


我也尝试过包括“ div”一词,但没有运气...知道是什么问题吗?

最佳答案

如果您这样做,它应该可以工作:

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更改为#parent .child并查看区别。
WORKING DEMO

也许您忘了给我的div加上高度和宽度,就像我在上面的评论中所说的那样?

希望能有所帮助。

10-05 20:42
查看更多