关于css后代选择器和子选择器的区别

后代选择器(h1 div)和子选择器(h1>p)用法基本没什么区别,唯一的区别是,后代选择器像下面例子这样作用于div是可以的:

<h1>
<div>后代选择器
</div>
</h1>

而子选择器像下面例子,通过h1>p是作用不到p元素的,因为这里的p属于h1子代的子代。

<h1>
<span>
<p>子选择器</p>
</span>
</h1>

猜你喜欢

转载自blog.csdn.net/qq_37050500/article/details/70666082