css - 我可以合并 :last-child with * in css or sass? 吗

Question

这是我当前的代码:

.loken5 *
   padding-right: 5px
.loken5:last-child
   padding: 0

在 SASS 中有什么方法可以只使用 1 个“.loken5”标签吗？ (目的是为了节省空间)。谢谢:)

Answer 1

萨斯:

.loken5 
   &:last-child 
      padding: 0
   * 
      padding-right: 5px

科学:

.loken5 {
   &:last-child {
      padding: 0;
   }
   * {
      padding-right: 5px;
   }
}

如果你想要.loken5 *:last-child:

.loken5 
   * 
      padding-right: 5px
      &:last-child 
          padding: 0

结帐 this article如果您想了解更多关于 & (SASS & 符号)