behavior 并不適合實現那些細碎卻有沒有通用性的交互操作.
這時我們就需要用 CSSS! 來解決問題了.
顧名思義, CSSS! = CSS +Script, 它是寫在 CSS 中的腳本.
它的語法其實很簡單.
讓我們看看下面這段 CSSS! 腳本:
~~~
.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"
;
}
~~~
它的格式看起來就像是個擴展的 CSS 屬性一樣.
一些要注意的地方:
* CSSS! 語句使用逗號","作為語句結束符.
* CSSS! 中的字符串只能雙引號標識, 不能使用單引號("string").
* CSSS! 中使用關鍵字 self 表示當前對象.
