首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >用于扩展命名选择器的选择器的自动选择器?

用于扩展命名选择器的选择器的自动选择器?
EN

Stack Overflow用户
提问于 2014-02-15 11:27:37
回答 1查看 23关注 0票数 0

我正在使用手写笔对我的CSS进行预处理,并发现如果我能够找到一种方法以下列方式定义样式表,将非常方便:

代码语言:javascript
复制
// This is a template for an element which can contain content.
$content-container
    font-family tahoma, arial, sans-serif
$content-container p
    blah
$content-container ul
    blah
$content-container li
    etc.

// Then I would like to promote specific elements into content containers:
.blog article
    @extend $content-container
.release-notes main
    @extend $content-container

因此,这个想法是,上面的结果如下所示:

代码语言:javascript
复制
.blog article,
.release-notes main {
    font-family: tahoma, arial, sans-serif;
}
.blog article p,
.release-notes main p {
    blah
}
.blog article ul,
.release-notes main ul {
    blah
}
.blog article li,
.release-notes main li {
    etc.
}

有办法做到这一点吗?这肯定会让事情变得更容易!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-02-15 12:05:50

好吧..。看起来这毕竟是默认的行为。

在模板@extend中使用$content-container似乎会导致中断:

代码语言:javascript
复制
$content-container
    p
        @extend $standard-paragraph

我用了一个混合器来解决这个问题:

代码语言:javascript
复制
$content-container
    p
        $standard-paragraph()

虽然这解决了我的问题;我想知道@extend的行为是一个bug,还是它是预期的行为。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/21796858

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档