html - 我似乎无法选择嵌套在 div 中的 div (CSS)

标签 html css

我正在使用 Brackets 编辑器,我不确定是编辑器或实时预览(本地主机)有问题,还是我做错了什么。

我可以很好地访问个人 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 设置高度和宽度?

希望对您有所帮助。

关于html - 我似乎无法选择嵌套在 div 中的 div (CSS),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38624314/

相关文章:

php - 使用单选按钮作为复选框

html - 绝对位于视口(viewport)区域之外的 HTML 元素是否会影响重绘的性能?

html - 使用背景图片还是 CSS3 渐变效果更好? (电话机)

无论操作系统如何,都可以使用的 HTML 字体?

javascript - 将 CSS 属性作为参数传递给 JavaScript 函数

javascript - 我无法获取之前的 td

android - 如何让这个媒体查询在三星 Galaxy Note4 的不同浏览器中工作相同?

html - 当我的报价中有分号时,Twitter 分享报价按钮将不起作用

html - 图的非固定高度(amCharts)

jquery - 除第 1 段外的所有段落环绕 Div