CSS-：具有「xyz」類名選擇器的最後一個孩子？ Plain CSS/LESS

Question

我知道最後一個孩子是其父母的最後一個孩子。

<div class"parent"> 
    <div class="child a"></div> 
    <div class="child b"></div> 
    <div class="child c"></div> 
    <div class="child d"></div> 
    <div class="child d"></div> 
    <div class="child d"></div> 
    <div class="child d"></div> 
    <div class="child e"></div> 
</div> 

這裏，

.child:last-child{ 
    /*This will grab .child.e as it's the last child of it's parent*/ 
} 

我想用:last-child選擇選擇最後.child.d。 （最後.child有d類）？ 什麼是CSS選擇器？ （請不要使用Javascript！）

Answer 1

:last-of-type對我不適用 我在寫postCSS。由於某種原因，這是行不通的

.roomOffered{ 
    &__single{ 
     border-bottom: 1px solid $color__skipper--fade3; 
     padding: 3.5rem 0 3rem; 
     margin-bottom: 0; 
     &:last-of-type{ 
      border-bottom: none; 
     } 
    } 
} 

最後.roomOffered__single的邊界不會被刪除！

Answer 2

您可以用:nth-child選擇播放，但它不會讓你的目標.d類...

所以，這是唯一可行的解​​決方案，我看到：

.child { 
 
    padding: 10px; 
 
    background: blue; 
 
    border: solid 1px; 
 
} 
 

 
.d { 
 
    background: green; 
 
} 
 

 
.subparent .d:last-child { 
 
    background: red; 
 
}

<div class"parent"> 
 
    <div class="child a"></div> 
 
    <div class="child b"></div> 
 
    <div class="child c"></div> 
 
    <div class="subparent"> 
 
     <div class="child d"></div> 
 
     <div class="child d"></div> 
 
     <div class="child d"></div> 
 
     <div class="child d"></div> 
 
    </div> 
 
    <div class="child e"></div> 
 
</div>