МЕНЬШЕ, как расширить правила родителя к его прямому ребенку?

Question

Я просто хочу дать детям те же свойства, что и его родительские (каскадирование не всегда работает, когда вам нужно работать с уже существующим css)

Я думал, что это сработает, но ничего не производит.

.colorTheming() { 
    article { 
     h2 { 
      .txt(@themeColor,2.4,@gravBold); 
      > span { 
       &:extend(article h2); 
      } 
     } 
    } 
} 

Конечно, я мог бы сделать это как h2, h2 пролете {}, но мне было интересно, если есть способ, чтобы сделать это более элегантно

Answer 1

& ваш друг:

.colorTheming() { 
    article { 
     h2 { 
      > span, 
      & { 
       .txt(@themeColor,2.4,@gravBold); 
      } 
     } 
    } 
}