0

HTML タグのクラスに基づいて、使用される変数グループを変更したいと考えています。だから私はこのようなものが欲しいです。

SCSS 変数グループ:

.pink {
  $accent: pink;
}

.green {
  $accent: green;
}

.orange {
  $accent: orange;
}

使用する変数グループを指定します。

<html class="pink">

HTML ファイル:

<section class="accent"></section>

セクションのスタイリング:

section.accent {
  background:$accent;
}

したがって、この例では、セクションの背景がピンクになります。

4

1 に答える 1

2

いいえ、できません。Sass は CSS にコンパイルされ、CSS がユーザーに提供されます。Sass は、ドキュメントがどのように構成されているかわかりません。

あなたの例は、それが機能するために次のように書かれなければなりません:

section.accent {
    .orange & {
        background: orange;
    }

    .pink & {
        background: pink;
    }

    .green & {
        background: green;
    }
}
于 2013-01-27T17:53:50.820 に答える