包含（后代）选择器和子选择器的区别

如果您不希望选择任意的后代元素，而是希望缩小范围，只选择某个元素的子元素，请使用子元素选择器

子选择器：即大于符号(>),用于选择指定标签元素的第一代子元素。
           语法：h1 > strong {color:red;}

<h1>This is <strong>very</strong> <strong>very</strong> important.</h1>
<h1>This is <em>really <strong>very</strong></em> important.</h1>

           这个规则会把第一个 h1 下面的两个 strong 元素变为红色，但是第二个 h1 中的 strong 不受影响：

 

包含选择器：即加入空格,用于选择指定标签元素下的后辈元素

                     父标签 后代标签{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }

                     该选择器，是对“元素选择器”的扩展，对一个标签内部所有后代标签进行过滤。

           语法：.d1 div{color:red;}

请注意：这个选择器与子选择器的区别，子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代（只能作用于第一代后代，对其他后代不起作用）。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。

总结：>作用于元素的第一代后代，空格作用于元素的所有后代。（对所有后代都起作用）