同じ属性を持つ通常のクラスとネストされたクラス

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を持つ方法およびネストされたクラスはありますか？純粋なCSSであなたの好みの親クラスの背景色を行い、入れ子になったクラスが値を継承している聞かせなければならないことを達成するために

.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 

：あなたはこのような何かを行うことができ@extend SASSを使用して

Answer 1

。彼らは適切な価値を継承するために第一世代の子供である必要がありますが。