html - 无法制作 css :last-child work for me

Question

显然我一定做错了什么，但我无法弄清楚这有什么问题，这让我发疯。

我想使用的选择器是:.menu ul li:last-child > a

firefox 给我的“唯一选择器”是 .menu > ul:nth-child(1) > li:nth-child(5) > a:nth-child(1)

HTML 是:

<div class='menu'>
    <ul><li><a href=''>Home</a></li>
        <li><a href='1'>Link 1</a></li>
        <li><a href='2'>Link 2</a></li>
        <li><a href='3'>Link 3</a></li>
        <li><a href='4'>Link 4</a></li>
    <ul>
 </div>

li:last-child > a 怎么没有选择“Link 4”？我真的很困惑，所以提前感谢即将到来的类(class)。

Answer 1

很简单，你的结束 ul 标签是错误的。

<div class='menu'>
    <ul><li><a href=''>Home</a></li>
        <li><a href='1'>Link 1</a></li>
        <li><a href='2'>Link 2</a></li>
        <li><a href='3'>Link 3</a></li>
        <li><a href='4'>Link 4</a></li>
    </ul> //change this
 </div>

Working Fiddle