セレクターをドキュメントルートに発行

セレクターをドキュメントルートに発行するには、@at-rootディレクティブを使用します。

構文

							@at-root {
    ルールセット
}
または @at-root (without:対象@ルール名) {
    ルールセット
}
または @at-root (without:対象@ルール名) {
    ルールセット
}

サンプルコード

SCSS

コンパイル後:CSS

引数withoutを指定すると@ルールを除外することができます。

SCSS

コンパイル後:CSS

使用できないパターン

使用する箇所には親セレクターが必要です。
SASSファイルを読み込む場合であっても、同じファイル内に親セレクターが必要です。

機能しない使い方

SCSS:sample1.scss

SCSS:sample2.scss

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