stylus之变量(Variables)
来源:互联网 发布:网络b类违规是什么意思 编辑:程序博客网 时间:2024/06/05 14:41
变量(Variables):
变量:
我们可以指定表达式为变量,然后在我们的样式中贯穿使用
编译为
变量甚至可以组成一个表达式列表
标识符(变量名,函数等),也可能包括$字符
属性查找:
Stylus有另外一个很酷的独特功能,不需要分配值给变量就可以定义引用属性。下面是个很好的例子,元素水平垂直居中对齐(典型的方法是使用百分比和margin负值)
我们不使用这里的变量w和h, 而是简单地前置@字符在属性名前来访问该属性名对应的值
另外使用案例是基于其他属性有条件地定义属性。在下面这个例子中,我们默认指定z-index值为1,但是,只有在z-index之前未指定的时候才这样
这里”logo”因为已经设置了z-index属性,所以通过unless关键字确定最后的z-index的值是20,但是”logo2”因为没有定义z-index的属性,所以最终的值是1
属性会“向上冒泡”查找堆栈直到被发现,或者返回null(如果属性搞不定)。下面这个例子,@color被弄成了blue
阅读全文
0 0
- stylus之变量(Variables)
- asterisk使用之Channel Variables (通道变量)
- asterisk使用之Channel Variables (通道变量)
- 之弱类型变量(Variables inside PHP)
- stylus之选择器(Selectors)
- stylus之方法(Functions)
- stylus之注释(Comments)
- stylus之条件(Conditionals)
- 深入理解PHP原理之变量(Variables inside PHP)
- 深入理解PHP原理之变量分离/引用(Variables Separation)
- 深入理解PHP原理之变量(Variables inside PHP)
- 深入理解PHP原理之变量分离/引用(Variables Separation)
- 深入理解PHP原理之变量分离/引用(Variables Separation)
- 深入理解PHP原理之变量(Variables inside PHP)
- 并行编程之条件变量(posix condition variables)
- 深入理解PHP原理之变量(Variables inside PHP)
- 深入理解PHP原理之变量分离/引用(Variables Separation)
- Tensorflow 学习笔记之 共享变量(Sharing Variables)
- 一个类的对象可以成为另一个类的数据成员
- cache.xml配置
- Swift类型转换
- 将byte[] 数据输出到页面展示图片
- 剑指Offer-16
- stylus之变量(Variables)
- sql查找被锁表名,释放表资源
- idea误删文件恢复方法
- HDU
- LeetCode 167. Two Sum II
- PyTorch学习系列(五)——自定义loss
- 怎样将 MySQL 迁移到 MariaDB 上
- Openvswitch手册(4): Mirror
- VS中相对路径的配置