我正在使用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.
}
有没有办法实现这个目标?它肯定会让事情变得更容易!!
答案 0 :(得分:1)
好的......看起来这毕竟是默认行为。
似乎在模板@extend
中使用$content-container
会导致其中断:
$content-container
p
@extend $standard-paragraph
我通过使用mixin解决了这个问题:
$content-container
p
$standard-paragraph()
虽然这解决了我的问题;我很想知道@extend
的行为是否是一个错误,或者它是否是预期的行为。