css的速记属性和方法

时间:2013-08-11 11:35:11

标签: html css

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

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

我假设装饰是文字装饰,阴影是text:中的文字阴影。我想更多地了解它在文本中装饰的其他速记属性是什么?什么是text:的简写方法?

1 个答案:

答案 0 :(得分: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;
}