Синтаксис SaSS для атрибута с классом внутри?

Question

У меня есть стиль .post, .share, .tag как это:

.post { 
    ... // style for .post 
} 
.share { 
    ... // style for .share 
} 
.post { 
    ... //style for .tag 
} 

Итак, я хочу стиль для a.post, a.share, a.tag. Это любой способ написать его внутри .post, .share, .tag синтаксис выше? Или я должен написать его в отдельных снаружи, как:

a.post {} 
a.share {} 
a.tag {} 

Answer 1

Вы можете использовать интерполяцию строки на амперсанде #{&}, а также необходимы @at-root для вложенных каскадных селекторов.

.post { 
    @at-root a#{&} { 
     display: block; 
    } 
} 

DEMO