html - css的简写属性和方法

Question

我发现有人的 jsfiddle 包含这样的 css

float: left;
text:{
    decoration: none;
    shadow: 0 1px 3px rgba(black, .35);
  }

我假设装饰是文本装饰，阴影是文本阴影text:。我想了解更多关于它的其他速记属性，如文本中的装饰？速记方法是什么样的text:？

Answer 1

来自http://sass-lang.com

Sass 通过将选择器相互嵌套来避免重复。同样的事情也适用于属性。

table.hl {
  margin: 2em 0;
  td.ln {
    text-align: right;
  }
}

li {
  font: {
    family: serif;
    weight: bold;
    size: 1.2em;
  }
}

编译为：

/* CSS */

table.hl {
  margin: 2em 0;
}
table.hl td.ln {
  text-align: right;
}

li {
  font-family: serif;
  font-weight: bold;
  font-size: 1.2em;
}