類型的最後一個/類的最後一個孩子？

單獨使用CSS可以選擇第二個warranty-box類嗎？我嘗試過last-of-type和last-child的組合，但我還沒有想出任何可行的方法。類型的最後一個/類的最後一個孩子？

從我可以告訴，「行」和「列」包裝打破了兄弟關係last-of-type和last-child依賴。

我試過.warranty .warranty-box:last-of-type之類的組合，但我似乎只是選擇其中之一或兩者都沒有。

我的大腦在這一點上很痛。

<section class="warranty"> 
    <div class="row"> 
     <div class="medium-centered medium-10 large-8 columns"> 
      <div class="warranty-box"> 
       <h2>All New Homes Include</h2> 
       <ul> 
        <li>7-Year Warranty*</li> 
        <li>107 Point Final Inspection</li> 
        <li>CSP (Customer Service Program)</li> 
        <li>Delivery Anywhere in Ohio**</li> 
        <li>Base Set Installation</li> 
        <li>Roll on/Beams-Guide System Set</li> 
        <li>Central Air Conditioning</li> 
        <li>Gutters and Downspouts</li> 
       </ul> 
      </div> 
     </div> 
    </div> 
    <div class="row"> 
     <div class="medium-centered medium-10 large-6 columns"> 
      <div class="warranty-box"> 
       <h2>Pre-Existing Homes Include</h2> 
       <ul> 
        <li>1, 2, or 3-Year Warranty on Qualified Homes*</li> 
        <li>107 Point Final Inspection</li> 
        <li>Central Air Conditioning</li> 
       </ul> 
      </div> 
     </div> 
    </div> 
</section>

來源

2016-04-26 Michael Roach

最後midiate DIV孩子'第一'，'第n-'和'最後'僞選擇是相對的到元素的父項，在本例中是'.columns' div。 – zzzzBov

您可以按類型獲取最後一個元素，然後定位該類。

DEMO https://jsfiddle.net/2362mjox/1/

.warranty > div:last-of-type .warranty-box { 
    background: red; 
}

上面的代碼將尋找的warranty

來源

2016-04-26 20:01:47 Vector

謝謝！我發現很難找到任何引用，而不僅僅是最基本的例子！ –

類型的最後一個/類的最後一個孩子？

回答

相關問題