我正在使用手写笔对我的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.
}有办法做到这一点吗?这肯定会让事情变得更容易!
发布于 2014-02-15 12:05:50
好吧..。看起来这毕竟是默认的行为。
在模板@extend中使用$content-container似乎会导致中断:
$content-container
p
@extend $standard-paragraph我用了一个混合器来解决这个问题:
$content-container
p
$standard-paragraph()虽然这解决了我的问题;我想知道@extend的行为是一个bug,还是它是预期的行为。
https://stackoverflow.com/questions/21796858
复制相似问题