CSS后代选择器语法及实例在线编辑
后代元素选择器
什么是HTML的后代元素，举个简单的例子，比如<div><p><span></span></p></div>中，p元素便是div元素的后代元素，span是p的后代元素，span也是div的后代元素。后代元素选择器便是通过元素的后代来获取HTML的元素，实例代码如下：
后代元素选择器语法
A B{ 样式声明 };
提示：A可以是HTML的元素，也可以是HTML元素的类和id。
后代元素选择器实例代码，及在线编辑器
<div id='e1' class='d1'><span>后代元素选择器可以通过多种方式来选择HTML的元素，比如通过元素、类、id来选择后代元素。接下来将通过这三种来进行相关的样式设置。</span></div>
<style>
div span{color:skyblue;}
/* .d1 span{ color:blue; } */
/* #e1 span{ color:orange; } */
</style>实例代码解析
如上代码，使用类和id选择后代元素时，可以将上面的注释符号“/* */”逐一去掉，比如需要用类选择的话，去掉style标签内的第二行的注释符号，需要id选择的话，再去掉第三行的注释符号。