[Solved]-Javascript: How to use adjacent sibling selector in jss with <input type=radio> // change color when clicked-Reactjs

.buttons {
  padding: 30px;
}

.buttons input:checked+span {
  color: blue;
}

<section class="buttons">
  <label>
      <input type="radio" name="options" id="option1" checked />
      <span>9th grade</span>
  </label>
  <label>
      <input type="radio" name="options" id="option2">
      <span>10th grade</span>
  </label>
  <label>
      <input type="radio" name="options" id="option3"/>
      <span>11th grade</span>
  </label>
  <label>
      <input type="radio" name="options" id="option4" />
      <span>12th grade</span>
  </label>
</section>