Jquery (“.selector li:最近的孩子”) vs (“.selector>li:last”)

Question

为什么(“.mylist li:最近的孩子”)不起作用，但是(“.mylist>li:末子”)给出了正确的结果，到底有什么不同？

我在想，因为我的剧本工作了一段时间.

<ul class="mylist ">
    <li id="1">a</li>
    <li id="2">b</li>
    <li id="3">c</li>
    <li id="4">d</li>
</ul>

var $LastpostID = $('.mylist li:last').attr('id')
console.log ($LastpostID)
result undefined


var $LastpostID = $('.mylist > li:last').attr('id')
console.log ($LastpostID)
result 4

Answer 1

>的意思是“直接子节点”：只选择直接子节点。

而space的意思是“任何后代”：可以选择直接子女和这些子女的子女。

，但在您的情况下，两者应该是相同的.。