html - css的速记属性和方法

Question

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

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

我假设在 text: 中 decoration 是 text-decoration 而 shadow 是 text-shadow。我想知道更多关于它的其他速记属性，比如文本中的装饰？ text: 之类的简写方法是什么？

Answer 1

来自 http://sass-lang.com

Sass avoids repetition by nesting selectors within one another. The same thing works with properties.

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;
}