<li> が ◯つ以上の時だけ、CSSを当てる。
そんな書き方が出来るんですね。

ということで、備忘録です。

やること

<li> が 3つ以上の時、<li> の文字を赤くする。

html

<ul>
	<li>1</li>
	<li>2</li>
	<li>3</li>
</ul>

css

ul:has(li:nth-child(3)) li {
	color: red;
}