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”？我真的很困惑，所以提前感谢即将到来的课程。

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

麻烦制作CSS：最后一个孩子为我工作

1 个答案: