选择器(Selectors)：

缩排：

Stylus的空格有重要的意义，我们使用缩排和凹排代替花括号”{“以及”}”

上面代码就对应于

如果你喜欢，你可以把冒号加上，用做分隔，便于阅读

规则集:

Stylus就跟CSS一样，允许你使用逗号为多个选择器同时定义属性

使用新行是一样的效果

等同于

父级引用:

字符”&”会指向当前样式所在的大括号外的标签

下面这个例子，我们两个选择器(textarea和input)在:hover伪类选择器上都改变了color值

等同于

等价于

下面这个例子，IE浏览器利用了父级引用以及混合书写来实现2px的边框

其变身后面目

“&”符号会找到”box-shadow”的作用对象，也就是”#login”，给它添加”border”的样式

消除歧义：

类似padding - n的表达式可能既被解释成减法运算，也可能被释义成一元负号属性。为了避免这种歧义，用括号包裹表达式

编译为

然而，只有在函数中才会这样（因为函数同时用返回值扮演混合或回调）。
例如，下面这个就是OK的（产生与上面相同的结果）

stylus之选择器(Selectors)相关推荐

（转）jquery基础教程七选择器(selectors 的xpath语法应用)
我们根据实例来解释jquery选择器(selectors)中xpath几种常用的用法比如下面html代码 <ul> <li class="aaaa" title ...
CSS第三级选择器 Selectors Level 3 文档翻译
Selectors Level 3 CSS第三级选择器译者目前在做前端,博客内容主要是文档翻译.如果读者希望我翻译某些和前端相关的文档,欢迎留言告诉我.对于已有在网络上能够搜到质量较高译文的文章,我 ...
stylus预处理入门(一)——选择器
2019独角兽企业重金招聘Python工程师标准>>> stylus预处理入门(一)--选择器转载:原地址http:http://www.jianshu.com/p/5838497 ...
Stylus中文网Stylus中文文档
Stylus中文文档 & Stylus中文网:https://stylus.zcopy.site Stylus 选择器(Selectors) Stylus 变量(Variables) Styl ...
20181122——Css的stylus
Stylus基本使用在学习一个 Vue.js 项目的过程中,注意到源码中样式的部分并没有用熟悉的 .css 样式文件,而是发现了代码长得和 CSS 相像的 .styl 文件.这个 .styl 以前没 ...
【Rollo的Python之路】Scrapy Selector选择器的学习
选择器(Selectors) 当抓取网页时,你做的最常见的任务是从HTML源码中提取数据.现有的一些库可以达到这个目的: BeautifulSoup 是在程序员间非常流行的网页分析库,它基于HTML代 ...
jQuery-Selectors(选择器)的使用(一、基本篇)
jQuery-Selectors(选择器)的使用(一.基本篇) jQuery-Selectors(选择器)的使用(二.层次篇) jQuery-Selectors(选择器)的使用(三.简单篇) jQue ...
[转] jQuery 选择器
jQuery选择器(Selectors,或译为选择符?)可以说是甚为强大,jQuery能够得以如此之名气,选择器的功劳是功不可没的.利用 CSS和XPath选择符的能力,加上自己的"自定义选 ...
CSS快速入门 CSS选择器字体排版
一.CSS的概述 CSS的使用方式:4种 1.行内式样式css设置在标签中有一个属性可以设置css样式 ...

stylus之选择器(Selectors)

选择器(Selectors)：

缩排：

规则集:

父级引用:

消除歧义：

stylus之选择器(Selectors)相关推荐

最新文章

热门文章