在同一个父级中获取多个div的最后一个

Question

我被要求获取具有文本incl的span.vatText。 VAT。

<ul class="products" data-role="listview" data-theme="d">
    <li class="product" data-productid="1504x2-Rung-Superior-Multi-Purpose-Ladder">
        <a href="/product/1504x2-Rung-Superior-Multi-Purpose-Ladder" class="hasThumb">
            <div class="thumb">
                <img src="http://www.blah.co.uk/acatalog/4x2.jpg" alt="blah" />
            </div>
            <h2 class="wrappable">Products name</h2>
            <p class="price">
                <span class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
                    <meta itemprop="priceCurrency" content="GBP" />
                    <span class="priceExclVat">
                        <span class="priceOriginal">&#163;133.32</span>
                        <strong class="priceSale">&#163;49.99</strong>
                        <span class="vatText">excl. VAT</span>
                    </span>
                    <span>
                        <span class="priceOriginal">&#163;159.99</span>
                        <strong class="priceSale" itemprop="price">&#163;59.99</strong>
                        <span class="vatText">incl. VAT</span>
                    </span>
                </span>
            </p>
        </a>
    </li>

我尝试过使用伪代码，例如nth-child和nth-of-type，但这些似乎不起作用。我只是想知道如何才能获得最后一个.vatText。感谢您提供的任何帮助

Answer 1

使用last-child伪属性来实现您的目标。