Comme dis dans le titre, j'essaye d'affecter la div parent quand je clique sur une de ses div enfant.

J'ai essayé ça (ne fonctionne pas):

#b11:active #area11{
  transform: translate(-7%,-5%);
}

Voici l'html concerné

<div class="area", id="area11">
          <li class="title" id="t11">A1</li>
          <li class="button" id="b11" onclick="setTimeout(swapPage2, 1100)"><img class="main-img" src="star.png" alt="ok"></li>
          <li class="info">voir les projets de 1ère année</li>

Et quand je parle de le faire à la manière d'un  :focus-within

#area11:focus-within{
  transform: translate(-7%,-5%);
}