:focus-within

/* Selects any <div> when one of its descendants is focused */
div:focus-within {
  background: yellow;
}

:focus-within

.name-container { 
  padding: 4px; 
}

.name-container:focus-within {
  background: yellow;
}

input { 
  margin: 4px; 
}

<p>The div below will have a yellow background if
    either input inside is focused.</p>

<div class="name-container">
  <label for="given_name">
    Given Name:
    <input id="given_name" type="text">
  </label>
  <label for="family_name">
    Family Name:
    <input id="family_name" type="text">
  </label>
</div>