~~~
.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[
条件为假时的操作
}
~~~
