Jquery（“。selector di：last-child”）vs（“。selector＆gt; li：last-child”）

Question

为什么（“.mylist li：last-child”）无效， 但是（“.mylist＆gt; li：last-child”）给出了正确的结果，究竟有什么区别？

我想知道因为我的剧本已经工作了一段时间......

<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

>表示＆＃34;直接孩子＆＃34;：只选择直接孩子的节点。

虽然space表示＆＃34;任何后代＆＃34;：可以选择这些孩子的直接子女和孩子。

但在你的情况下两者都应该一样。