后代选择器(h1 div)和子选择器(h1>p)用法基本没什么区别,唯一的区别是,后代选择器像下面例子这样作用于div是可以的:
<h1>
<div>后代选择器
</div>
</h1>
而子选择器像下面例子,通过h1>p是作用不到p元素的,因为这里的p属于h1子代的子代。
<h1>
<span>
<p>子选择器</p>
</span>
</h1>
后代选择器(h1 div)和子选择器(h1>p)用法基本没什么区别,唯一的区别是,后代选择器像下面例子这样作用于div是可以的:
<h1>
<div>后代选择器
</div>
</h1>
而子选择器像下面例子,通过h1>p是作用不到p元素的,因为这里的p属于h1子代的子代。
<h1>
<span>
<p>子选择器</p>
</span>
</h1>