css - 目标元素 css 的第一次出现

Question

我想定位第一次出现的 <a>此列表中的元素，第一个 child 似乎不起作用，因为它选择了所有 child <a>秒。有什么想法吗？

<li class="cat-item cat-item-1 current-cat">
    <a title="View all posts filed under Basket" href="http://machinas.com/wip/esprit/wiki/wordpress/?cat=1">Basket</a>
    <ul class="children">
        <li class="cat-item cat-item-19">
            <a title="View all posts filed under Article List" href="http://machinas.com/wip/esprit/wiki/wordpress/?cat=19">Article List</a>
            <ul class="children">
                <li class="cat-item cat-item-20">
                    <a title="View all posts filed under Mobile" href="http://machinas.com/wip/esprit/wiki/wordpress/?cat=20">Mobile</a>
                    <ul class="children">
                        <li class="cat-item cat-item-21">
                            <a title="View all posts filed under Current" href="http://machinas.com/wip/esprit/wiki/wordpress/?cat=21">Current</a>
                        </li>
                    </ul>
                </li>
                <li class="cat-item cat-item-22">
                    <a title="View all posts filed under Desktop" href="http://machinas.com/wip/esprit/wiki/wordpress/?cat=22">Desktop</a>
                    <ul class="children">
                        <li class="cat-item cat-item-23">
                            <a title="View all posts filed under Current" href="http://machinas.com/wip/esprit/wiki/wordpress/?cat=23">Current</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </li>
    </ul>
</li>

Answer 1

您需要定位第一个 li，然后是 anchor 链接

ul li:first-child a {
 /* your styles here */
}

很难说得更具体，但如果你指的是 children ul 你就可以做到

 ul.children > li:first-child a {
     /*your styles here */
    }

如果你是这个意思

<li class="cat-item cat-item-1 current-cat">
    <a title="View all posts filed under Basket" href="http://machinas.com/wip/esprit/wiki/wordpress/?cat=1">Basket</a>

CSS 应该是

li.cat-item.cat-item-1.current-cat > a {
/*styles */
}