在本章中,我们来研究控制指令和表达式。基于某些条件的样式或多次应用相同样式的变体可以通过使用SassScript支持的控制指令和表达式来实现。这些控制指令是主要在mixin中使用的高级选项。它们需要相当大的灵活性,因为它们是Compass库的一部分。
下表列出了SASS中使用的控制指令和表达式:
序号 | 控制指令和表达式描述 |
1 | if() 基于条件, if() 函数仅返回两个可能结果中的一个结果。 |
2 | @if @if 指令接受SassScript表达式,并且只要表达式的结果是除 false 或 null 之外的任何结果,就使用嵌套样式。 |
3 | @for @for 指令允许您在循环中生成样式。 |
4 | @each 在 @each 指令中,定义了一个变量,其中包含列表中每个项目的值。 |
5 | @while 它需要SassScript表达式,直到语句计算结果为false,它迭代地输出嵌套样式。 |
描述 @import(inline)会将CSS复制到输出CSS文件中,而不进行处理。 当CSS文件不是LESS兼容时,这是有用的。 虽然LESS支持大多数...
CSS3 @font-face 规则在CSS3之前,web设计师必须使用已在用户计算机上安装好的字体,不能够使用离线字体,不过通过CSS3,web设计...
CSS Float(浮动)CSS float 属性定义元素在哪个方向浮动,浮动元素会生成一个块级框,直到该块级框的外边缘碰到包含框或者其他的...
HTML del 标签当HTML页面中有使用 del 标签删除的文本的时候,可以使用 datetime 属性设置文本删除的日期与时间。实例一个段落,...
HTTP 定义了与服务器交互的不同方法,两种最常用的 HTTP 方法是:GET 和 POST。 什么是 HTTP ?超文本传输协议(HTTP)的设计目...