sass功能强大，特别是支持for循环，节省大量开发时间，但是在开发时遇到一个问题，直接使用%时没有问题，当有变量时再加% 单位在编译时报错；这样没有问题：@for $width from 0 to 10{ .wp#{$width}{ width:$width px; }}...
分类：
其他好文 时间：
2014-07-09 22:59:13
阅读次数：
200
Bullets 用来定义ul li 相关的样式 no-bullet 关闭 li的默认样式 那个小圆点 no-bullets 作用域ul 调用no-bullet 函数 不过用了reset 后 默认没有小圆点了 pretty-bullets($bullet-icon, $width, $height, ...
分类：
其他好文 时间：
2014-07-09 13:24:23
阅读次数：
228
由于sass的作者是rubyer，因此它的类型与JS有点不一样，但一样可以类推。@charset "utf-8";//必须设置了这个才能编译有中文的注释$gray: #333;//颜色$number: 12;//数字$boolean: true;$array:();$string:"string";...
分类：
其他好文 时间：
2014-07-07 23:40:02
阅读次数：
209
以前写CSS时，都是直接写样式，没有任何的第三方工具，后面发现越是面向大网站，越难管理，上次参加完携程UED大会后，发现SASS对于前端团队多人协作和站点代码维护上很有帮助，很多同学都开始用了，我还是在原地踏步，我也不能OUT呀，于是开始学习，平时比较喜欢sublime编辑器，而sublime默认是...
分类：
其他好文 时间：
2014-07-06 14:25:08
阅读次数：
198
需要一个新的功能添加到我们的命名空间上。这方法在JS中被叫做extend或者mixin，若是遍历属性用一下1.1代码，则会遍历不出原型方法，所以1.2介绍的是mass Framework里的mix方法。类似juqery的$.extend()。1.1代码function extend(destinat...
分类：
Web程序 时间：
2014-06-30 22:57:24
阅读次数：
214
今天介绍sass在重用代码时最具威力的两个功能。一个是嵌套(Nesting)，一个混合（Mixin）。我们在写CSS通过需要多个后代选择器组合到一起才能定位到目标元素上，而这定义过程，此元素的父元素与其他选择器都有许多相同的部分，嵌套就是把这些相同的部分放到某一层花括号里，然后通过花括号的层层缩进堆...
分类：
其他好文 时间：
2014-06-28 11:25:37
阅读次数：
170
@at-root和&的结合&在Sass中所起的作用，文章开头就简单的进行演示了。在@at-root中也同样可以配合&一起使用，下面我们同样来看几个用例：SCSS.foo { @at-root .bar & { color:gray; }}CSS.bar .foo { co...
分类：
其他好文 时间：
2014-06-26 15:28:54
阅读次数：
310
Sass有脚本模式#{}，他和&不同之处是，&只用作选择器，它只能出现在一个复合的开始选择器，类似于一个类型选择器，如a或者h1。但#{}他表示的是一个插值，它可以用在任何地方。同样的，当@at-root和#{&}一起使用时，可以给我们的开发带来极大的方便与优势。例如：SCSS.foo { @...
分类：
其他好文 时间：
2014-06-26 15:27:03
阅读次数：
219
在SassConf大会上，给我们传递了Sass3.3的新特性。这些新特性有很多意义，特别是@at-root指令，这让你的代码会得更佳清洁。今天我们主要一起来了解Sass中的@at-root特性的使用规范。在具体了解@at-root规范之间，我们先来回忆Sass的嵌套功能。简单的来看一个示例。在我们的...
分类：
其他好文 时间：
2014-06-25 12:15:02
阅读次数：
202
sass在3.3引入map类型，它与JS的对象非常相似，它有两种定义模式。外面都是用小括号括括起来，每个键值对可以像JS那样与逗号分开。不同之后是，键名与键值之间的冒号不是 必须的不用对象的情况@charset "utf-8";//必须设置了这个才能编译有中文的注释//创建一个核心的颜色$bravo...
分类：
其他好文 时间：
2014-06-24 12:46:20
阅读次数：
290
