css - 背景应该只适用于第一个 child li，而不适用于其他 ul li

Question

我只需要第一个带有灰色背景颜色的“li”元素。但是我的背景颜色灰色正在应用每个'ul li'的第一个'li'。背景颜色应仅适用于第一个 li(我的示例)。

http://jsfiddle.net/fX9Gy/

谁能解决这个问题。谢谢

Answer 1

给你的 parent UL class。像这样写:

HTML

<ul class="parent">
    <li>one</li>
    <li>one
        <ul>
            <li>two</li>
            <li>two</li>
            <li>two</li>
        </ul>    
    </li>
    <li>one</li>
</ul>

CSS

.parent > li:first-child{background-color:#ccc}

查看更多 http://jsfiddle.net/fX9Gy/27/