我正在使用 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/