Is there a way to stop coloring elements after 'tue 7-1-1' using CSS?
I am only allowed to manipulate the first child of every element up until a certain point through CSS, without modifying the existing code.
Note: Span elements are nested within each other.
span:nth-child(1) {
color: blue;
}<section id="tue" class="t">
<h2>Tuesday</h2>
<span>tue-1</span>
<span>tue-7</span>
<div>
<span>tue-7-1</span>
<div>
<span>tue-7-1-1</span>
<!-- end of target -->
<span>tue-7-1-2</span>
</div>
<span>tue-7-2</span>
<div>
<span>tue-7-2-1</span>
<div>
<span>tue-7-2-1-1</span>
</div>
<span>tue-7-2-2</span>
</section>