stylus之条件(Conditionals)
来源:互联网 发布:包装版面设计软件 编辑:程序博客网 时间:2024/06/05 08:37
条件(Conditionals)
条件:
条件提供了语言的流控制,否则就是纯粹的静态语言。提供的条件有导入、混入、函数以及更多。下面的例子纯粹示例,并不是使用建议
if / else if / else
这没什么好说的,跟一般的语言一致,if表达式满足(true)的时候执行后面语句块,否则,继续后面的else if或else
下面这个例子,根据overload的条件,决定是使用padding还是margin
如果”overload-padding”为true的情况,则padding将显示而margin将被干掉。反之则padding将被干掉,而margin将被显示
另外的例子
根据传入的第三个参数为true或者false,来决定是否设置body的margin
另外的box()帮手
除非(unless):
熟悉Ruby程序语言的用户应该都知道unless条件,其基本上与if相反,本质上是(!(expr))
下面这个例子中,如果disable-padding-override是undefined或false, padding将被干掉,显示margin代替之。但是,如果是true, padding将会如期继续输出padding 5px 10px
后缀条件:
Stylus支持后缀条件,这就意味着if和unless可以当作操作符;当右边表达式为真的时候执行左边的操作对象
例如,我们定义negative()来执行一些基本的检查。下面我们使用块式条件
接下来,我们利用后缀条件让我们的方法简洁
当右边的表达式判断n是一个”unit”或小于0的时候才返回左边的”error”或”yes”或”no”
当然,我们可以更进一步。如这个n < 0 ? yes : no可以用布尔代替:n < 0
后缀条件适用于大多数的单行语句。如,@import, @charset, 混合书写等。当然,下面所示的属性也是可以的
生成为
先设置body中的margin为默认的5px,然后再设置body的padding为传入的10px
- stylus之条件(Conditionals)
- stylus之选择器(Selectors)
- stylus之变量(Variables)
- stylus之方法(Functions)
- stylus之注释(Comments)
- 代码大全学习-18-使用条件语句(Using Conditionals)
- stylus
- Stylus
- stylus之插值(Interpolation)
- stylus之运算符(Operators)
- stylus之混合书写(Mixins)
- stylus之关键字参数(Keyword Arguments)
- stylus之内置方法(Built-in Functions)
- stylus之其余参数(Rest Params)
- Control-Conditionals
- playbook conditionals
- stylus用法
- addAttributeToFilter Conditionals In Magento
- Python(编程小白的第一本 Python 入门书) 学习笔记
- 03 WebGL 着色器编程语言GLSL ES的变量类型、赋值和类型转换、运算符
- 一些c++的知识点
- nested exception is org.apache.ibatis.exceptions.PersistenceException
- controller中的变量值,直接在浏览器中显示,无需jsp页面
- stylus之条件(Conditionals)
- Android打造万能的对话框Dialog(三)
- 一起艳恶学习打造一个通用的JDBC
- JS实现倒计时,包含开始,停止;根据毫秒数和格式,返回毫秒数的时间日期;终止setInterval循环;兼容IE8,
- PDFObject.js的使用
- 单链表的正向排序,反向排序
- SchemaTron入门一
- ContentProvider和ContentResolver的学习
- Qt无边框窗体移动和缩放