Question sur hover afin de changer 2 couleur diffe

bonjour,

j'ai ce code

<div class="forum-index"><span class="forum-index-lunotlu"></span>                  <p class="forum-index-titre"><a href="" title="hardware">présentation</a><span>description de la rubrique</span></p>
 <span class="forum-index-discution">4 000</span>


<div class="forum-index-avatar icon-avatar-forum-index-homme"><div class="forum-index-homme-en-ligne"></div></div>

 <p class="forum-index-mesage"><a href="" title="titre du topic">titre du topic</a> <time>10:30</time> par pseudo</p>

</div>

et j'ai mis css

   .forum-index
   {
   display:flex;
   border:1px solid #000000;
   border-top:0;
   background:#CCCCCC;
   }
   .forum-index:hover
   {
   display:flex;
   border:1px solid #000000;
   border-top:0;
   background:#EEEEEE;
   }

là mon hover marche bien il met la couleur #EEEEEE sur tout la ligne
ma question c'est coment lui dire sur ce code

<div class="forum-index-avatar icon-avatar-forum-index-homme"><div class="forum-index-homme-en-ligne"></div></div>

c'est juste changer la couleur du div

   .forum-index-avatar:hover
   {
   border:1px solid #000000;
  
   background:#CCCCCC;
   }

ceux que j'aimerais

quand on pase la sourrie sur la ligne il met couleur bien #EEEEEE
mais sur le div class forum-index-avatar je veux qu'il met cete couleur #CCCCCC des qu'on pase la sourie

en tout gardant la couleur du départ sauf quand on pase la sourie là ca change les couleurs

je sais changer une couleur mais pas 2 couleurs différent l'un et l'autre

merci