国产gaysexchina男同gay,japanrcep老熟妇乱子伦视频,吃奶呻吟打开双腿做受动态图,成人色网站,国产av一区二区三区最新精品

Stylus 條件

2023-09-11 15:52 更新

條件(Conditionals)

條件

條件提供了語(yǔ)言的劉控制,否則就是純粹的靜態(tài)語(yǔ)言。提供的條件有導(dǎo)入、混入、函數(shù)以及更多。下面的例子純粹示例,并不是使用建議。

if / else if / else

這沒(méi)什么好說(shuō)的,跟一般的語(yǔ)言一致,if表達(dá)式滿足(true)的時(shí)候執(zhí)行后面語(yǔ)句塊,否則,繼續(xù)后面的else if或else.

下面這個(gè)例子,根據(jù)overload的條件,決定是使用padding還是margin.

overload-padding = true

if overload-padding
  padding(y, x)
    margin y x

body
  padding 5px 10px

另外的例子:

box(x, y, margin = false)
  padding y x
  if margin
    margin y x

body
  box(5px, 10px, true)

另外的box()幫手:

box(x, y, margin-only = false)
  if margin-only
    margin y x
  else
    padding y x
除非(unless)

熟悉Ruby程序語(yǔ)言的用戶應(yīng)該都知道unless條件,其基本上與if相反,本質(zhì)上是(!(expr)).

下面這個(gè)例子中,如果disable-padding-override是undefined或false, padding將被干掉,顯示margin代替之。但是,如果是true, padding將會(huì)如期繼續(xù)輸出padding 5px 10px.

disable-padding-override = true

unless disable-padding-override is defined and disable-padding-override
  padding(x, y)
    margin y x

body
  padding 5px 10px
后綴條件

Stylus支持后綴條件,這就意味著if和unless可以當(dāng)作操作符;當(dāng)右邊表達(dá)式為真的時(shí)候執(zhí)行左邊的操作對(duì)象。

例如,我們定義negative()來(lái)執(zhí)行一些基本的檢查。下面我們使用塊式條件:

negative(n)
  unless n is a 'unit'
    error('無(wú)效數(shù)值')
  if n < 0
    yes
  else
    no

接下來(lái),我們利用后綴條件讓我們的方法簡(jiǎn)潔。

negative(n)
  error('無(wú)效數(shù)值') unless n is a 'unit'
  return yes if n < 0
  no

當(dāng)然,我們可以更進(jìn)一步。如這個(gè)n < 0 ? yes : no可以用布爾代替:n < 0.

后綴條件適用于大多數(shù)的單行語(yǔ)句。如,@import, @charset, 混合書(shū)寫(xiě)等。當(dāng)然,下面所示的屬性也是可以的:

pad(types = margin padding, n = 5px)
  padding unit(n, px) if padding in types
  margin unit(n, px) if margin in types

body
  pad()

body
  pad(margin)

body
  apply-mixins = true
  pad(padding, 10) if apply-mixins

生成為:

body {
  padding: 5px;
  margin: 5px;
}
body {
  margin: 5px;
}
body {
  padding: 10px;
}


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)