SCSSのみで子要素の数を取得する方法

Question

お世話になっております。

SCSSのみを利用して子要素の数を取得したいと思っております。

JSで子要素を取得する方が楽でシンプルなのは重々承知してはいるのですが
なんとなくJSで書くのはしゃくだなぁっと思ってこんな質問をしています。

博学であられる皆様、是非とも私のわがままに付き合ってはくれませんか？

よろしくお願いいたします。

Comments

[x_x]

偶然にも？ほぼ同様の質問が別の方からあったのに気づきましたが、関係あるのでしょうか？
https://teratail.com/questions/198654

Answer 1

無理です。

CSSには、子要素の状況を取得するセレクタとして:hasが提案中ではありますが、使えるブラウザは現時点で存在しません（MDN）。

そして、SCSSは通常SCSSだけでコンパイルしてCSSを生成しますので、「HTMLの構造を見ながらSCSSをコンパイルする」のは自分で特殊なコンパイル環境を組み立てない限り不可能です。

Comments

[youhey5488]

やっぱりさすがに無理ですよね。。。

くだらない質問に答えてくださってありがとうございます！！
あきらめてJSで書きます。。。