我正在使用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加上高度和宽度,就像我在上面的评论中所说的那样?
希望能有所帮助。