如何将父母的规则扩展到其直接子女？

Question

我只想给孩子一个与其父母完全相同的属性（当你必须处理已经存在的css时，级联并不总是有效）

我认为这样可行，但它不会产生任何效果。

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

当然我可以像h2，h2 span {}那样做，但我想知道是否有办法更优雅地做到这一点

Answer 1

&是你的朋友：

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