SASS普通类和嵌套类具有相同的属性

Question

我想要嵌套类和普通类使用相同的属性。例如...

.menu-container ul li.run a, 
body[data-primary-tags*='run'] { 
    .article-overview-header, 
    .article-detail-header-strip, 
    .article-detail-sub-header { 
     background-color: $run; 
    } 
} 

显然，这是行不通的，但有没有办法有li.run a和嵌套类具有相同的背景颜色？

Answer 1

使用SASS你可以做@extend这样的事情：

.my-special-class 
    background-color: $run 

.menu-container ul li.run a, 
body[data-primary-tags*='run'] 
    @extend .my-special-class 

    .article-overview-header, 
    .article-detail-header-strip, 
    .article-detail-sub-header 
     @extend .my-special-class 

为了实现在纯CSS你应该让你选择的父类的背景颜色，让嵌套类继承了值。尽管他们需要成为第一代孩子才能继承适当的价值。