選擇器(Selectors)：

縮排：

Stylus的空格有重要的意義，我們使用縮排和凹排代替花括號”{“以及”}”

上面代碼就對應于

如果你喜歡，你可以把冒號加上，用做分隔，便于閱讀

規則集:

Stylus就跟CSS一樣，允許你使用逗號為多個選擇器同時定義屬性

使用新行是一樣的效果

等同于

父級引用:

字符”&”會指向當前樣式所在的大括號外的標簽

下面這個例子，我們兩個選擇器(textarea和input)在:hover偽類選擇器上都改變了color值

等同于

等價于

下面這個例子，IE瀏覽器利用了父級引用以及混合書寫來實現2px的邊框

其變身后面目

“&”符號會找到”box-shadow”的作用對象，也就是”#login”，給它添加”border”的樣式

消除歧義：

類似padding - n的表達式可能既被解釋成減法運算，也可能被釋義成一元負號屬性。為了避免這種歧義，用括號包裹表達式

編譯為

然而，只有在函數中才會這樣（因為函數同時用返回值扮演混合或回調）。
例如，下面這個就是OK的（產生與上面相同的結果）

總結

以上是生活随笔為你收集整理的stylus之选择器(Selectors)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。