2011-02-25 88 views
5

是否可以通过增量或减量重新定义SASS中的数字属性?考虑这样的事情:SASS里有没有像“+ =”的东西?

h1 { 
    font-size: 10px; 
} 

h1.important { 
    font-size: += 10px; 
} 

我知道我可以通过定义一个变量来解决这个问题。有没有可能做到这一点?

+0

不确定SAS,但认为这可以在jQuery中完成 – Alex 2011-02-25 12:17:45

+0

是的,这是可能的。但是,当SASS编译成普通的CSS时,SASS解决方案在没有启用JS的情况下工作。 – 2011-02-25 15:56:08

回答

4

不确定+=是否有效,但可以使用基本变量,然后将其添加到另一个类中。

$baseFontSize: 10px 

h1 
    font-size: $baseFontSize 


.border 
    font-size: $baseFontSize + 10px 
+0

这是做到这一点的方法。 OP提出的语法非常模糊......解析器应该如何知道要添加10px的内容? – 2011-04-14 18:42:55

+2

语法并不完美,但没有理由解析器无法解决10px被添加到字体大小的当前值的问题。像这样的语句在很多语言中都很常见。 – Gerry 2012-08-16 12:38:38