2014-02-15 43 views
0

我使用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

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

看来,使用@extend模板中$content-container原因这打破:

$content-container 
    p 
     @extend $standard-paragraph 

我的工作解决此问题,通过使用而不是一个mixin:

$content-container 
    p 
     $standard-paragraph() 

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