如何在SASS中获取CSS属性的值？

Question

我想存储属性的当前值以供以后使用.它已经为jQuery解决了.

问题是我正在使用a @mixin在几个地方应用CSS hack(Justified Block List)并且我想恢复font-size属性.block-list *(目前子元素中的所有文本都已折叠).

不满意的解决方法:

• 将全局默认字体大小保存在单独的文件中,并将其传递给@mixinon @import.当然,在一般情况下,这与使用mixin的对象的字体大小不同.
• 每当你更改它时保存字体大小,并传递它.这会纠缠所涉及的文件,因为它@include在几个不相关的文件中的排版样式表不是很优雅.
• 使用更多jQuery.

可能令人满意的解决方法:

• 使用更强的规则覆盖字体大小,更改它的第一个祖先.这可能很难确定.

Answer 1

在样式实际应用于文档之前，无法得知属性的计算值（这就是 jQuery 检查的内容）。在样式表语言中，除了初始值或您指定的值之外，没有“当前”值。

每当您更改字体大小时都保存它，并通过这似乎是最好的，@BeauSmith 给出了一个很好的例子。此变体允许您将大小或回退传递给已定义的全局：

=block-list($font-size: $base-font-size)
  font-size: 0
  > li
    font-size: $font-size