如何解决后代组合器和随后的同级组合器有什么区别?
据我所知
后代组合符(空格) 以父元素的子代和子代为目标。
随后的同级组合器(〜) 选择所有在指定元素之后的任何元素,无论是否相邻。
那么有了这个定义, H1 p
和 H1 ~ p
不会每次都给我相同的选择结果吗?
这两个东西都是事实,告诉我它们有他们的目的...那我想念什么?
编辑 **如果我错了,请纠正我-但经过进一步研究,我认为我明白了。
(〜)选择 之后 指定元素的所有元素。 (空格)选择了指定元素的 INSIDE 的所有元素吗?
解决方法
所以有了这个定义,H1 p和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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。