連結されたセレクターを分割

連結されたセレクターを分割するには、simple-selectors関数を使用します。

構文

							simple-selectors(セレクター)
						

サンプルコード

SCSS

$result1 : simple-selectors(".foo.bar.baz.qux");
$result2 : simple-selectors("a.foo.bar.baz.qux");
$result3 : simple-selectors(".foo.bar .baz.qux");
 
@debug $result1;
@debug $result2;
@debug $result3;

コンパイル後

.foo, .bar, .baz, .qux
a, .foo, .bar, .baz, .qux
.foo, .bar

SASS・SCSS逆引きリファレンス一覧へ戻る