L'effet au survol ne s'applique parfois pas directement sur l'élément survolé, mais sur une de ces éléments enfants.

Par exemple si on souhaite que lorsqu'on survole un article, l'image s'agrandisse.

On sélectionne donc l'élément descendant de l'élément survolé, en ajoutant un espace entre les sélecteurs:

<article class="news">
  <h2 class="news-title">Titre</h2>
  <img src="..." class="news-image">
</article>

.news-image {
  transition: transform 0.4s;
} 

.news:hover .news-image { 
  transform: scale(1.1); 
}

<aside> 📖 Pour un rappel des combinaisons de sélecteurs:

Sélecteurs CSS - Combiner les sélecteurs

</aside>

<aside> ⬅️ Transform

</aside>