日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

stylus之条件(Conditionals)

發布時間:2023/12/10 编程问答 42 豆豆
生活随笔 收集整理的這篇文章主要介紹了 stylus之条件(Conditionals) 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

條件(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)的全部內容,希望文章能夠幫你解決所遇到的問題。

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