Responsive系列之知识储备 – SASS高阶教程(2)

在上一篇Responsive系列之知识储备 – SASS高阶教程(1)中,我带大家介绍了一些sass的高级特性。在这篇中,我将介绍另外一些比较常用的@指令。 如果你还不知道什么是sass,可以看Responsive系列之知识储备 – SASS基础教程 @extend @extend 是一种扩展功能,通常用在有一定递进关系的样式中。 比如说有两个class,一个叫 .error ,一个叫 .seriousError。很明显 .seriousError应该是 .error的一个扩展。 假设所有的 .error 都用红体字显示: »

Responsive系列之知识储备 – SASS高阶教程(1)

如果你还不了解什么是sass,请点击Responsive系列之知识储备 – SASS基础教程 SASS中的控制指令 sass支持一些基本的控制指令,通过条件判断来输出某些特定的样式。 1、@if : @if 条件语句 {...(返回的样式)} 如; p { @if 1 + 1 2 { border: 1px solid; } @if 5 < 3 { border: 2px »

Responsive系列之知识储备 - SASS基础教程

SASS 是一 CSS 的预处理标记语言。为CSS加入了如 变量、判断、嵌套、导入等功能。 安装: 第一步:SASS需要Ruby环境 Windows下的安装点此:Ruby Installer Mac OS 是自带Ruby环境的,所以无需再装 第二步:在命令行下安装SASS 在命令行下执行: gem install sass 等待片刻就可以装上了。 »