html - 使用伪类查找 "a"标签

Question

我必须选择最后一个“a”标签。请记住，“ul”是可选的，有时会生成，有时不会。 我如何使用“last-child”伪类来实现它。

<div class="breadcrumbs">
    <span>Your location ：</span>
    <a href="#">1</a>
    <a href="#">2</a>
    <ul class="list-item">
        <li>
            <a href="#">3</a>
        </li>
        <li>
            <a href="#">4</a>
        </li>
    </ul>
</div>

Answer 1

.breadcrumbs > a:last-child, .breadcrumbs ul > li:last-child a
{
}

因此，如果 a 是 .breadcrumbs 的最后一个子元素，在这种情况下没有 ul(也没有任何其他元素跟随最后一个 a),

或者如果有一个ul，那么就是那个ul的最后一个li的a。