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

Question

実現したいこと

SCSSのみを利用して該当要素の子要素の数を取得する方法ってありますか？

Comments

[x_x]

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

Answer 1

いったい何をしたいのかわかりませんが、CSS はプログラミング言語ではないので取得とかはできません(SCSSはCSSを出力するだけです)。

counter() を使って数を表示することはできます。

<ul>
 <li></li>
 <li></li>
 <li></li>
 <li></li>
</ul>
<output></output>

ul {
  counter-reset: count;
}

ul > li::before {
  counter-increment: count;
  content: '';
}

ul + output::before {
  content: counter(count) '個';
}

https://developer.mozilla.org/ja/docs/Web/Guide/CSS/Counters

Answer 2

残念ながらないと思います。