css - 我在这里错过了什么吗？ first-child 不能用在按钮上吗？

Question

我正在尝试使用以下标记将第一个子类应用到按钮上:

button:first-child {
    background: red;
}

但它会将我所有的按钮都变成红色，而不仅仅是第一个。 html 标记是这样的:

    <ul>
        <li>
            <button type="button"><img src="larrow.png" alt="<" /></button>
        </li>
        <li>
            <button type="button">Test</button>
        </li>
        <li>
            <button type="button"><img src="rarrow.png" alt=">" /></button>
        </li>
    </ul>

有什么建议吗？我确定我只是做错了什么。

Answer 1

试试 ul li:first-child button {background: red}

演示: http://jsbin.com/uzoko4