SASS / SCSS @extend规则选择器

前端之家收集整理的这篇文章主要介绍了SASS / SCSS @extend规则选择器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个@extend规则的问题,这是我得到的(关注h1):
.content-header {
    // CSS properties
    h1 {
        // CSS properties
    }
}

.Box-header {
    // CSS properties
    h1 {
        @extend .content-header h1; // My selector problem!
        // And his own CSS properties
    }
}

所以会是:

.content-header h1,.Box-header h1 {
    /* Happily sharing the same CSS properties */
}

但是,似乎@extend不喜欢这样,是没有其他方式写这个没有给h1一个类?

解决方法

嵌套选择器无法扩展 – 实际上,这是解析器报告的语法错误.结构性注释(我不能想到上述@extend关系是有必要的场景),这不是SASS目前可以实现的.

注意:尽管如此,Stylus如果您对此有所支持,则可以这样做.

原文链接:https://www.f2er.com/css/216889.html

猜你在找的CSS相关文章