以下是我写出的程序,使用多层后代选择器来指定h3标签的样式时无效,两层会有效果,超过两层就失效了,各位高手帮忙分析一下是什么问题???
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>后代选择器示例</title>
<style>
/* 使用后代选择器设置 h3 元素的颜色 */
.d1 .d2 .d3 .d4{
color: aqua;
}
</style>
</head>
<body>
<div class="d1">
<div class="d2">
<p class="d3">
<h3 class="d4">23456</h3>
</p>
</div>
</div>
</body>
</html>