技術的なQ＆A

sleeeep1855 · ‎08-03-2022

Shopify CLI でscssを書けるということで、試しにHeaderとHeader_navというクラスにスタイル反映させてみたいのですが、

以下の書き方で反映しませんでした。

.Header{
  background-color: #fff;
  &_nav{
		background-color: #333;
	}
}

ちなみにネストせずに書くと反映されました。

.Header_nav{
		background-color: #333;
}

上記は、１つのクラス名を分解して(入れ子にして)書く方法で、普段のscssコーディング時には反映される書き方なので、何故だろう？と疑問に思い質問しました。

ご教授よろしくお願いいたします。

sleeeep1855 · ‎08-03-2022

あ、、、見つけました。なるほど、shopifyのsassのコンパイラが古いんですね。もう長年バージョンアップしてないみたいで。

sleeeep1855 · ‎08-03-2022

あ、、、見つけました。なるほど、shopifyのsassのコンパイラが古いんですね。もう長年バージョンアップしてないみたいで。

Jizo_Inagaki · ‎08-03-2022

現状に関しましては以下あたりが参考になるかなと思います。

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。

Shopifyのscssのネストの書き方について