같은 학부모에서 마지막으로 여러 div 가져 오기

Question

텍스트가 포함 된 span.vatText를 가져 오도록 요청 받았습니다. 큰 통.

<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이 있지만 작동하지 않는 것 같습니다. 나는 그냥 마지막 .vat 텍스트를 얻을 수있는 방법을 궁금 해서요. 제공 할 수있는 도움을 주셔서 감사합니다.

Answer 1

당신이 찾고있는 것을 달성하기 위해 의사 속성을 사용하십시오 : last-child