Sassセレクターの機能
Sassセレクターの機能
セレクター関数は、セレクターの確認と操作に使用されます。
次の表に、Sass のすべてのセレクター関数を示します。
| 関数 | 説明と例 |
|---|---|
| is-スーパーセレクター(素晴らしい、サブ） | かどうかを確認します。素晴らしいセレクターは、次のすべての要素に一致します。サブ一致します。 例： is-superselector("div", "div.myInput") 結果: true is-superselector("div.myInput", "ディビジョン") 結果: false is-スーパーセレクター("div", "ディビジョン") 結果: true |
| セレクターの追加(セレクター) | 2 番目 (および 3/4 番目など) のセレクターを最初のセレクターに追加します。
セレクタ。 例： selector-append("div", ".myInput") 結果: div.myInput selector-append(".warning", 「__a」) 結果: .warning__a |
| セレクター拡張(セレクタ、延長された、エクステンダー) | |
| セレクターネスト(セレクター） | CSS セレクター ベースのネストされたリストを含む新しいセレクターを返します。
提供されたリストにあります。 例： selector-nest("ul", "li") 結果: ウルリ selector-nest(".warning", 「アラート」、「ディビジョン」) 結果: .warning div、alert div |
| セレクタ-解析(セレクタ) | に含まれる文字列のリストを返します。セレクタ同じものを使って
親セレクターとしてフォーマットします。 例： selector-parse("h1 .myInput .warning") 結果: ('h1' '.myInput' '。警告'） |
| セレクタ-置換(セレクタ、オリジナル、置換） | で指定されたセレクターを含む新しいセレクターを返します。置換で指定されたセレクターの代わりにオリジナル。 例： selector-replace("p.warning", "p", "div") 結果: div.warning |
| セレクターの統合(セレクター1、セレクター2） | 両方に一致する要素のみに一致する新しいセレクターを返します。セレクター1とセレクター2。 例： selector-unify("myInput", ".disabled") 結果: myInput.disabled セレクター統一("p", "h1") 結果: null |
| 単純なセレクター(セレクター） | 個々のセレクターのリストを返します。セレクター。 例： simple-selector("div.myInput") 結果: div、.myInput simple-selector("div.myInput:before") 結果: div、.myInput、 ：前 |
プログラミング学習を加速させる
プログラミングをプロの講師に教えてもらいませんか。