如何將CSS規則分配給具有特定類的第一個元素？

Question

我在同一個DOM中有相同的類多次（和平常一樣），並且我想使用該類在DOM中的第一個元素上應用填充。 （我正在使用sass）。

到目前爲止，我試過>

.myclass{ 
    &:first-of-type{ 
     padding-top: 50px; 
    } 
} 

和

.myclass{ 
    &:nth-child(1){ 
     padding-top: 50px; 
    } 
} 

和

.myclass{ 
     &:nth-of-type(1){ 
      padding-top: 50px; 
     } 
    } 

，只有代​​碼的最後一塊似乎對DOM添加填充任何效果所有使用.myclass的元素（而不僅僅是第一個）。

任何想法，我做錯了什麼？

Answer 1

:first-of-type怎麼樣？

.myclass:first-of-type { 
    // do something 
} 

See this fiddle

編輯

有關使用SASS這個解決方案

見@Ryan Dantzler小提琴：

https://jsfiddle.net/swpk5x86/2/