Question

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

<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之后的任何其他元素），< / p>

或者如果有ul，则a的{{1}}为ul。

Answer 2

尝试伪选择器:nth-of-type它将选择锚的最后一个孩子

.breadcrumbs *:last-of-type:not(a) *:last-of-type a{
  background-color: #ccc;
}

<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>

找到＆＃34; a＆＃34;使用伪类

2 个答案: