在本章中,我们将研究控制指令和表达式。可以通过使用SassScript支持的控制指令和表达式来完成基于某些条件的样式或多次使用相同样式的变体。这些控制指令是主要用于mixin的高级选项。它们是Compass库的一部分,因此需要很大的灵活性。
下表列出了SASS中使用的控制指令和表达式:
序号 | 使用说明控制指令和表达式 |
---|---|
1 | if() 根据条件,if()函数仅从两个可能的结果中返回一个结果。 |
2 | @if 该@if指令接受SassScript表情和使用嵌套样式每当表达式的结果以外的任何其他虚假或者无效。 |
3 | @for 该@for指令允许你生成一个循环的风格。 |
4 | @each 在@each指令中,定义了一个变量,该变量包含列表中每个项目的值。 |
5 | @while 它使用SassScript表达式,直到语句评估为false为止,它会迭代输出嵌套样式。 |
作者:terry,如若转载,请注明出处:https://www.web176.com/sass/1690.html