CSS-тегі туыс селекторы

Туыс селекторы ~ бір ата-ананың ішінде берілген элементтен кейін орналасқан барлық элементтерді таңдауға мүмкіндік береді.

Мысал

h2 тегтерінен кейін орналасқан барлық p тегтеріне қарап, оларды қызыл түске бойайық:

<div>
	<h2>мәтін</h2>
	<p>
		+++
	</p>
	<p>
		+++
	</p>
	<p>
		+++
	</p>
</div>
<p>
	-
</p>

h2 ~ p {
	color: red;
}

.test сыныбы бар элементтерден кейін орналасқан барлық p тегтеріне қарап, оларды қызыл түске бояйық:

<div>
	<p class="test">
		мәтін
	</p>
	<p>
		+++
	</p>
	<p>
		+++
	</p>
</div>
<p>
	---
</p>

.test ~ p {
	color: red;
}

.test сыныбы бар элементтерден кейін орналасқан .elem сыныбы бар барлық элементтерге қарап, оларды қызыл түске бояйық:

<div>
	<p class="test">
		мәтін
	</p>
	<p class="elem">
		+++
	</p>
	<p>
		---
	</p>
	<p class="elem">
		+++
	</p>
</div>
<p>
	---
</p>

.test ~ .elem {
	color: red;
}

Берілген код:

<ul>
	<li>1</li>
	<li>2</li>
	<li>3</li>
	<li>4</li>
	<li id="elem">5</li>
	<li>6</li>
	<li>7</li>
	<li>8</li>
	<li>9</li>
</ul>

#elem элементінен кейін орналасқан барлық элементтерді таңдайтын селекторды жазыңыз.