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

时间:2014-02-15 11:27:37

标签: css stylus

我正在使用Stylus预处理我的CSS,并且发现如果我能找到一种以下列方式定义样式表的方法会非常方便:

// 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

所以我的想法是,上面会产生如下内容:

.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.
}

有没有办法实现这个目标?它肯定会让事情变得更容易!!

1 个答案:

答案 0 :(得分:1)

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

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

$content-container
    p
        @extend $standard-paragraph

我通过使用mixin解决了这个问题:

$content-container
    p
        $standard-paragraph()

虽然这解决了我的问题;我很想知道@extend的行为是否是一个错误,或者它是否是预期的行为。