如何将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/