Sass 選擇器函數
Sass 選擇器函數
選擇器函數用于檢查和操作選擇器。
下表列出了 Sass 中的所有選擇器函數：
| 函數 | 描述 & 例子 |
|---|---|
| is-superselector(super, sub) |
檢查 super 選擇器是否匹配 sub 匹配的所有元素。 實例：is-superselector("div", "div.myInput") 結果：true is-superselector("div.myInput", "div") 結果：false is-superselector("div", "div") 結果：true |
| selector-append(selectors) |
將第二個（和第三/第四等）選擇器附加到第一個選擇器。 實例：selector-append("div", ".myInput") 結果：div.myInput selector-append(".warning", "__a") 結果：.warning__a |
| selector-extend(selector, extendee, extender) | |
| selector-nest(selectors) |
根據提供的列表返回包含 CSS 選擇器嵌套列表的新選擇器。 實例：selector-nest("ul", "li") 結果：ul li selector-nest(".warning", "alert", "div") 結果：.warning div, alert div |
| selector-parse(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) |
返回新的選擇器，它只匹配與 selector1 和 selector2 都匹配的元素。 實例：selector-unify("myInput", ".disabled") 結果：myInput.disabled selector-unify("p", "h1") 結果：null |
| simple-selectors(selectors) |
返回 selectors 中各個選擇器的列表。 實例：simple-selectors("div.myInput") 結果：div, .myInput simple-selectors("div.myInput:before") 結果：div, .myInput, :before |
