Question

我希望定位此列表中<a>元素的第一个出现，第一个孩子似乎无法工作，因为它选择了所有子<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然后是它的锚链接

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 */
}

Answer 2

如果通过＆＃34;此列表＆＃34;你的意思是根，你可以这样做：

.current-cat > a

Answer 3

不确定您是否在自己的网站上使用jQuery，但如果是这样，您可以使用jquery并执行此操作。

$("a").first().attr("title");

等

正如我所说，这取决于你是否使用jQuery并且它可以用于你想做的事情，但由于你没有指定你打算对结果做什么，所以很难假设

目标首次出现的元素css

3 个答案: