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) |
第2（および第3/第4など）の選択子を第1の選択子に付加します。 例：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 |
