它如果妳这样做它应该工作:
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到#父母.child,并看到不同之处。
WORKING DEMO
也许你忘了给高度和宽度给你的div div我正如上面在评论中所说的?
希望有帮助。
没有更多的信息,它很难确定。你可以设置一个[jsfiddle](https://jsfiddle.net/)或者尝试在浏览器中运行该文件来缩小可能性吗? –
你给你的宽度和高度的div divs? –