:has

 

🥷 Avancé CSS :has

 Découvrez du CSS avancé : 🪛 en action

CSS :has() le sélecteur de parent

.gallery {

  grid-template-columns: repeat(2, 1fr);

&:has(img:nth-child(10)) {

    grid-template-columns: repeat(4, 1fr);

}

  &:has(img:nth-child(30)) {

    grid-template-columns: repeat(10, 1fr);

  }

}