div>p 和div p有什么区别啊？

Question

如题！

Answer 1

<div>
    <span>
      <p>1</p>
    </span>
    <p>2</p>
    <p>3</p>
    <p>4</p>
</div>

div>p选中了2  3  4
div p选中了1 2  3  4

Answer 2

一个是子类选择器，一个是后代选择器。

div>p 是子类选择器，选择所有div的所有子元素中p元素（不包括孙子类元素）

div p 是后代选择器，选择所有div中所包含的所有p元素，包括孙子类元素

Answer 3

div>p: 兄弟元素选择器，只选择直接子类（儿子级别）    div p: 后代元素选择器，选择所有后代（儿子，孙子等等）

Answer 4

div p 是包含选择器，可以选择div标签中的所有p标签 div>p 是子选择器，选择的是div标签中的儿子p标签（即直接包含在div标签中的p标签，p标签没有被包含在其他标签里）

Answer 5

一个是儿子p，一个包括所有的后代p

听懂请采纳，谢谢。不懂继续问我