在之前的文章《详解CSS的基本选择器，并聊聊选择器优先级》中，我们了解了CSS中的基本选择器，下面本篇文章我们聊聊层级选择器，希望对大家有所帮助！
层级选择器
CSS层级选择器 是根据HTML节点树之间的关系提供的选择器用法，所以说如果想要很好的学习层级选择器 首先要搞清楚HMTL元素之间的关系是什么样子的。【推荐学习：css视频教程】
先看下面这段HTML代码：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>HTML测试代码</title> </head> <body> <div> <p></p> <p></p> </div> <div> <span></span> <button></button> <span></span> </div> </body> </html>
