~~~
.item {
hover-on! :
ele = $1( input.url ) ,
ele:empty == true ?
(self.value = "empty") #
(self.value = "filled"),
ele:hover = true,
self::width = ele.box-content-width(),
self.$(.icon) -> @(ele) ele::background = "#CCC"
;
}
~~~
CSSS! 的條件判斷語句格式很簡單(類似 Javascript或AAuto中 的 三元操作符 … ? … : … 組合，區別是用#號代替了冒號 ):
`判斷條件 ? (條件為真時的操作)`
或者:
`判斷條件 ? (條件為真時的操作) # (條件為假時的操作)`
一般分多行寫更清晰點:
~~~
判斷條件 ? (條件為真時的操作) # (條件為假時的操作)
~~~
操作的語句建議使用括號包起來, 避免解析出錯.
作用類似于AAuto中的條件判斷語句：
~~~
If( 判斷條件 )[
條件為真時的操作
}Else[
條件為假時的操作
}
~~~
