Sass 選擇器函數
Sass 函數Sass 選擇器函數用於查看與處理選擇器。
下表列出了 Sass 的 選擇器函數：
| 函數 | 描述 & 實例 |
|---|---|
| is-superselector(super, sub) | 比較兩個選擇器匹配的範圍，即判斷 super 選擇器是否包含了
sub 選擇器所匹配的範圍，是的話返回 true，否則返回 false。 實例: is-superselector("div", "div.myInput") 結果: true is-superselector("div.myInput", "div") 結果: false is-superselector("div", "div") 結果: true |
| selector-append(selectors) | 將第二個 (也可以有多個) 添加到第一個選擇器的後面。
selector. 實例: selector-append("div", ".myInput") 結果: div.myInput selector-append(".warning", "__a") 結果: .warning__a |
| selector-extend(selector, extendee, extender) | |
| selector-nest(selectors) | 返回一個新的選擇器，該選擇器通過提供的列表選擇器生成一個嵌套的列表。 實例: selector-nest("ul", "li") 結果: ul li selector-nest(".warning", "alert", "div") 結果: .warning div, alert div |
| selector-parse(selector) | 將字串的選擇符 selector 轉換成選擇器佇列。 實例: selector-parse("h1 .myInput .warning") 結果: ('h1' '.myInput' '.warning') |
| selector-replace(selector, original, replacement) | 給定一個選擇器，用replacement 替換 original 後返回一個新的選擇器佇列。 實例: selector-replace("p.warning", "p", "div") 結果: div.warning |
| selector-unify(selector1, selector2) | 將兩組選擇器合成一個複合選擇器。如兩個選擇器無法合成，則返回 null 值。 實例: selector-unify("myInput", ".disabled") 結果: myInput.disabled selector-unify("p", "h1") 結果: null |
| simple-selectors(selectors) | 將合成選擇器拆為單個選擇器。 實例: simple-selectors("div.myInput") 結果: div, .myInput simple-selectors("div.myInput:before") 結果: div, .myInput, :before |