Descendant组合子和后续的同级组合子之间有什么区别

Question

据我所知，

子组合子(空间( 以父元素的子元素和子元素为目标。

后续同级组合子(~( 选择指定元素之后的所有元素，无论其是否相邻。

那么，有了这个定义，H1 p和H1 ~ p不是每次都会给我相同的选择结果吗？

事实上，这两者都是一件事，告诉我，它们有它们的目的。。。那么我错过了什么？

编辑**如果我错了，请纠正我-但经过进一步研究，我想我明白了。

(~(选择指定元素之后出现的所有元素。当(空格(选择指定元素的INSIDE的所有元素时？

Answer 1

所以有了这个定义，H1p和H1~p不会给我相同的结果吗每次的选择结果？

答案：完全错误。。。

(~(选择指定元素之后的所有元素。当(空格(选择指定的内部的所有元素时要素

回答：是的，这个是正确的。

澄清：

Space_Selector：选择选择器内的所有元素

div p {background: red;}

<p>paragraph 1.</p>
<p>paragraph 2.</p>
<p>paragraph 3.</p>
<div>
<p>paragraph 4.</p>
<p>paragraph 5.</p>
<p>paragraph 6.</p>
</div>
<p>paragraph 7.</p>
<p>paragraph 8.</p>
<p>paragraph 9.</p>

颚化符/同级选择器(选择所有即将到来/以后的同级(：

div ~ p { background: yellow;}

<p>paragraph 1.</p>
<p>paragraph 2.</p>
<p>paragraph 3.</p>
<div>
<p>paragraph 4.</p>
<p>paragraph 5.</p>
<p>paragraph 6.</p>
</div>
<p>paragraph 7.</p>
<p>paragraph 8.</p>
<p>paragraph 9.</p>