JSFiddle - React, Tailwind, and code Playground

HTML

<div class="sectionname">
  <br/><br/>BREAKFAST<br/><br/>
  </div>
	<div class="group" style="background:antiquewhite;">
		<div class="grouplabel">
		</div>
		<div class="filler"></div>
    <div class="cb"></div>
		<div class="row">
				<div class="question">Q1: How many coffees did you drink today?</div>
				<div class="answers">
					<div class="curr">5</div><div class="prev">12</div>
				</div>
		</div>
		<div class="row">
				<div class="question">Q2: How many donuts did you eat today?</div>
				<div class="answers">
					<div class="curr">55</div><div class="prev">122</div>
			</div>
		</div>
		<div class="row">
				<div class="question">Q3: How many sugars did you put in your coffee today?</div>
				<div class="answers">
					<div class="curr">555</div><div class="prev">1222</div>
				</div>
		</div>
  </div>
  
  <div class="sectionname">
  <br/><br/>LUNCH<br/><br/>
  </div>
	<div class="group" style="background:burlywood;">
		<div class="grouplabel">
		</div>

    <div class="cb"></div>
		<div class="row">
				<div class="question">Q1: How many burgers did you have today?</div>
				<div class="answers">
					<div class="curr">1</div><div class="prev">12</div>
				</div>
		</div>
		<div class="row">
				<div class="question">Q2: How many fries did you eat today?</div>
				<div class="answers">
					<div class="curr">4</div><div class="prev">122</div>
			</div>
		</div>
		<div class="row">
				<div class="question">Q3: How many sodas did you have today?</div>
				<div class="answers">
					<div class="curr">8</div><div class="prev">1222</div>
				</div>
		</div>
  </div>

CSS

.row:not(.row ~ .row){ 
  border: solid red 5px;
}

.curr {
    background-color: yellow;
}

.curr ~ .curr {
    background-color: none;
}